Mouseover-Effekt auf Vue- und Vuetify-Komponenten

Also habe ich versucht, den Mouseover-Effekt wie im Beispiel im folgenden Artikel gezeigt nachzubilden: https://blog.prototypr.io/stunning-hover-effects-with-css-variables-f855e7b95330 Aber in meinem Fall möchte ich Vue verwenden .js, um den Hover-Effekt auf die V-Karte aus der Vuetify-Bibliothek an...

P粉032649413 2024-03-27 16:31:16 0  1  543

Flyout-Menü mit Mouseover-Ereignis anzeigen

Ich habe ein Popup-Menü und versuche, Mouseover-Ereignisse zu verwenden, um es umzuschalten, aber es scheint nicht wie erwartet zu funktionieren. Ich habe versucht, CSS-Hover-Ereignisse zu verwenden, indem ich das Div wie folgt positioniert habe: .hero-list-blocka:hover+.flyout-menu, aber das hat ni...

P粉254077747 2024-04-03 15:14:43 0  1  663

Holen Sie sich eine zufällige Farbe

$(document).ready(function(){ changecolor('a') $('a').mouseover(function(){ $bg=$(this).css('backgroundColor')   $(this).css('box-shadow','0

Jia 2018-11-29 16:11:53 0  1  1028

Mouseover eines bestimmten Menüpunkts zeigt kein ausgeblendetes Untermenü an

Ich habe einige Klassen für die Menüpunkte erstellt, damit ich sie aufrufen kann. .dropdownBox{display:none;}.dropdownli:hover>ul.dropdownBox{display:block;} Der „funktionierende“ Bildlaufstatus mit der .dropdown-Klasse zeigt jetzt jedoch Untermenüelemente mit der .dropdownBox-Klasse <navclass...

P粉138871485 2024-04-04 14:39:08 0  1  538

Wie verwende ich addEventListener richtig?

re2.addEventListener("mouseover",function(){constre21=document.getElementById("reso");re21.style.position="absolute";re21.style.top="50%";re21.style.left= "

P粉512363233 2024-04-01 17:35:47 0  2  458

javascript – Problem mit der Blasenbildung bei JS-Ereignissen

Fall abgeschlossen: Verwenden Sie CSS, um diesen Effekt zu erzielen. Vielen Dank für Ihre Hilfe. Ich bin auf die Verwendung von CSS umgestiegen, um diesen Effekt zu erzielen. 1. Im folgenden Code habe ich die Mouseover- und Mouseout-Ereignisse des a-Tags abgehört, um die Canvas-Animation auszulösen,...

学习ing 2017-06-12 09:32:56 0  3  862

Verwenden Sie append, um beim Mouseover Inhalte an das Element anzuhängen

Warum sind fünf oder sechs an das Etikett angehängt? Sollte nicht nur eines angehängt sein?

瓶子 2018-11-15 13:54:35 0  0  993

Wie kann ich das Titelattribut eines Links in einem mobilen Browser sehen, d. h. es entsteht ein Tippeffekt, wenn die Maus darauf platziert wird?

Es kann auf dem Computer angezeigt werden, es gibt jedoch keine Mouseover-Aktion auf dem Mobiltelefon. Gibt es ein JS-Skript, das die Wirkung des Titelattributs verstärken kann?

阿卡 2018-10-18 15:37:43 0  3  1450

So ändern Sie den Div-Hintergrund basierend auf dem Komponentenfeld beim Mouseover

Ich habe ein Div, bei dem sich die Hintergrundfarbe ändert, wenn man darüber fährt. Außerdem muss ich die Farbe basierend auf einem Element in der Komponente auswählen. <div*ngFor="letuofusers;"[style:hover.background-color]="u.selected?'red':'blue'"></div>

P粉968008175 2023-09-12 09:24:31 0  1  623

So öffnen Sie das Auswahl-Dropdown beim Hover mit Bootstrap Vue

Ich brauche eine Möglichkeit, ein <select> oder <b-form-select> auszulösen und beim Mouseover eine Dropdown-Liste mit Optionen anzuzeigen. Keine Verwendung von JQuery oder anderen externen Plugins als Vue.js.

P粉635509719 2024-03-26 14:04:58 0  1  536

Zeigt ein Untermenü an, wenn die Maus über die Schaltfläche bewegt wird

Ich suche nach einer Lösung, bei der ein Untermenü angezeigt wird, wenn ich mit der Maus über eine Schaltfläche fahre. Derzeit wird das Menü nur angezeigt, wenn darauf geklickt wird. Weiß jemand, was ich ändern muss, damit das Menü angezeigt wird, wenn ich mit der Maus über eine Schaltfläche fahre, ...

P粉021708275 2023-08-31 11:22:01 0  1  694

Verwenden von Variablen, die in Methoden in Vorlagen definiert sind

Dies ist das erste Mal, dass ich Vue verwende (v2, nicht v3) und ich habe versucht, Variablen innerhalb von Vorlagen (in Methoden definiert) zu verwenden. Mein vereinfachter Code: <template><divclass="container"@mouseover="isHovered=true"@mouseleave="isHovered=false...

P粉681400307 2024-04-06 18:10:25 0  2  812

Wie kann ich dafür sorgen, dass ein Marker in Leaflet zwei Popups hat? Eines beim Mouseover und ein anderes beim Klicken?

Ich möchte, dass die Titel über Markierungen auf der Karte schweben und beim Klicken darauf ein vollständiges Popup mit unterschiedlichen Inhalten geöffnet wird. Ich versuche, eine Legende zu erstellen, die eine Liste aller Markierungen enthält, die als Links zu den entsprechenden Popups verwendet w...

P粉254077747 2024-04-01 12:40:41 0  1  573

Ich suche Hilfe: So zeigen Sie Datenbeschriftungen in einem Diagramm dauerhaft entsprechend ihrer Position an

Ich möchte diese Datenbeschriftungen dauerhaft im Diagramm anzeigen, damit sie immer sichtbar sind, nicht nur beim Mouseover. Kann mir jemand helfen? [Hier ist ein Beispiel, ähnlich wie dieses] Ich habe auch meinen Code abgelegt. (https://i.stack.imgur.com/TY8X1.png) Beispiel für ein Kreisdiagramm /...

P粉302160436 2023-08-15 23:21:18 0  1  549

Der NVDA-Bildschirmleser kann visuell verborgenen Text nicht lesen

Der unten erwähnte Code ist Teil einer Tabelle, in der ich etwas Text anzeigen und etwas Text visuell ausblenden möchte, aber der visuell ausgeblendete Text wird beim Mouseover nicht vom Bildschirmleser erfasst. Ich verwende Bootstrap5. <tdclass="col_featured"><span>29 %</sp...

P粉076987386 2023-09-05 10:51:25 0  1  540

So beschränken Sie CSS so, dass es nur für ein Div in derselben Kategorie wirksam wird

Ich versuche, beim Mouseover einen Titel über einem Bild erscheinen zu lassen, aber alle müssen dieselbe Klasse haben. Ich weiß nicht, ob das, was ich frage, möglich ist, aber ich würde verschiedene Lösungen in Betracht ziehen. Das ist mein aktueller Code. <divclass="item"><imgcla...

P粉475315142 2023-09-09 21:32:30 0  1  560

2 verschiedene Flyer-Popup-Stile

Ist es möglich, dass Popups im Leaflet zwei verschiedene Stile haben? Bei der Benutzerinteraktion werden zwei verschiedene Popups ausgelöst (in Bezug auf Stil und Inhalt), eines beim Mouseover und eines beim Klicken. Problem: Ich versuche, den CSS-Stil von „.leaflet-popup-content-wrapper“ im Stylesh...

P粉702946921 2023-08-25 09:45:31 0  1  475

javascript - Wie erhalte ich den Inhalt in Klammern mithilfe regulärer Ausdrücke in JS?

var str="deleteChild(236737)"; Holen Sie sich beispielsweise die Zahl 236737 in Klammern und benötigen Sie nichts anderes. Wie schreibe ich normales js? js-Arrays sind zu problematisch. Denn die Zahl in den Klammern ändert sich.

滿天的星座 2017-05-19 10:40:53 0  6  768

show() ist nach Ajax-Erfolg ungültig

Die Konsole kann den Anmeldeerfolg und 222 ausdrucken, aber das Element blinkt immer auf der Seite und verschwindet. Was ist los?

PHP中文网 2017-05-19 10:40:54 0  3  622

javascript – Eine Zeile Code für den Quellcode von underscore.js schreiben

{Code...} _.isNumber ist in anderen Teilen nicht definiert. Gemäß dem &&-Operator ist die _.isNumber-Methode nicht definiert, sodass _.isNumber(obj) falsch ist und isNaN(obj) zurückgegeben wird. Warum also nicht einfach isNaN(obj) zurückgeben?

巴扎黑 2017-05-19 10:40:56 0  1  550