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  635

css - 如何让鼠标停留的时候title悬浮显示出来的文字换行呢?

图片中简介处代码用的这个title="{{value.teacherInfo.remark}}",鼠标停留在简介上时,悬浮显示了右边的简介里的文字,可是遮盖住了左边的简介,如何让title出来的文字换行呢?简介：{{value.teacherInfo.remark }}

phpcn_u1582 2017-05-15 17:11:53 0  1  1270

So wirken Sie sich auf andere Elemente aus, wenn Sie mit der Maus über ein Element fahren

Was ich tun möchte, ist, wenn ein Div mit der Maus bewegt wird, wirkt es sich auf die Eigenschaften eines anderen Div aus. Wenn Sie beispielsweise in dieser JSFiddle-Demo mit der Maus über den #Cube fahren, ändert sich die Hintergrundfarbe. Ich möchte jedoch, dass der #Cube betroffen ist, wenn ich m...

P粉769413355 2023-08-27 12:48:40 0  2  450

Der schwebende Text ändert an der Mausposition seine Farbe

Wie kann ich nur die Farbe des Textes an der Mausposition und nicht des gesamten Textes ändern? So möchte ich, dass der Kreis, den Sie sehen, der Mausbewegung folgt, und beim Schweben zeigt der Text nur einen Rahmen für den Teil des Buchstabens, in dem ich den Mauszeiger bewege. Ich brauche Ratschlä...

P粉697408921 2024-03-28 14:12:45 0  1  488

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  383

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  497

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  448

Warum verliert mein Bootstrap 5-Popup die Fähigkeit, den Fokus zu öffnen, nachdem es das Modal, in dem es sich befand, geschlossen und erneut geöffnet hat?

Ich habe ein Problem mit meinem Bootstrap5-Modal und dem darüber platzierten Popup. In meinem HTML habe ich Folgendes und wenn der Benutzer mit der Maus über die Schaltfläche fährt, wird sie korrekt angezeigt. Das Popup zeigt die Eingabeaufforderung „Sind Sie sicher?“ an und fordert den Benutzer auf...

P粉022501495 2024-03-28 23:27:50 0  1  368

Inhalt beim Hover anzeigen (hat keinen Einfluss auf die Kartenhöhe)

Ich habe einen Block, der Inhalte enthält, die beim Schweben angezeigt werden. Der Effekt sollte wie folgt funktionieren: .hoverCard zeigt standardmäßig den zugrunde liegenden Inhalt an (Inhalt in .hoverCard__showOnHover ist ausgeblendet). Der Benutzer bewegt sich über .hoverCard, woraufhin .hoverCa...

P粉289775043 2024-03-27 20:29:28 0  1  386

SVG-Pfadauswahl in HTML mit React

Ich erstelle eine Malanwendung, in der Benutzer SVGs hochladen können. Füllen Sie es mit verschiedenen Farben, zeichnen Sie auf die SVG-Datei und löschen Sie sie dann. Aber leider kann ich den Pfad der SVG nicht ermitteln. Unten ist das SVG-Bild. Wenn ich den Mauszeiger bewege, möchte ich nur den Pf...

P粉566048790 2023-09-01 23:22:48 0  1  566

Problem mit der Anzeige der sekundären Navigation

Die FID der Navigationstiteltabelle entspricht der SID der Navigationsbezeichnung. So zeigen Sie die entsprechende Navigationsbezeichnung an, wenn Sie mit der Maus über den Navigationstitel fahren. Die Methode hasMany() wurde im Modell eingerichtet, das der Navigationstiteltabelle entspricht. Bitte ...

追逐梦想 2019-11-05 17:19:04 0  1  1000

Schreiben Sie den Titel um in: So ändern Sie das Hover-Expand-Menü in Click-Expand

Im Grunde habe ich also ein Menü, das sich erweitert, wenn man mit der Maus darüber fährt. Wie kann ich meinen Code so umschreiben, dass er auch beim Klicken erweitert wird (bei Klick erweitern, bei Klick wieder reduzieren)? Sie können bei Bedarf JavaScript verwenden, aber ich habe versucht, alles n...

P粉090087228 2024-01-16 18:51:40 0  1  425

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  447

Vue horizontales Scrollen

Ich möchte das Symbol horizontal mit der Maus scrollen. Ich habe es mit scrollLeft in Javascript versucht, aber der Wert ändert sich beim Scrollen nicht. Beim Scrollen ändert sich nur der deltaY-Wert zwischen 100 und -100. Weiß jemand, wo das Problem liegt? Es funktioniert, wenn ich scrolle und mit ...

P粉755863750 2024-03-25 21:06:27 0  2  469

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  504

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  466

Tailwind CSS wird im VS-Codeprojekt nicht angewendet?

Ich entwickle ein Projekt mit Laravel10.18.10 und habe die Tailwind-Erweiterung in VScode heruntergeladen. Wenn ich versuche, den Rückenwind-Code anzuwenden, scheint er nicht auf das Projekt angewendet zu werden. Wenn ich mit der Maus über den Code fahre, erscheint das Popup-Fenster wie abgebildet. ...

P粉521697419 2023-08-16 18:34:03 0  2  475

Platzieren Sie mit React interaktive Markierungen auf Bildern

Bitte helfen Sie. Ich habe ein Bild wie das folgende, das auf der Startseite angezeigt wird (ein größeres Bild). Beachten Sie, dass das „FORGE“-Haus in der Mitte eine weiß-blaue Markierung mit einem schwarzen Pfeil hat. Das Gleiche gilt für „Mietwohnungen“. Jede dieser Markierungen fungiert als inte...

P粉896751037 2023-09-08 21:25:41 0  1  809

Das modale Bootstrap-Feld kann nicht geschlossen werden, wenn auf die Schaltfläche „X' oder „Schließen' geklickt wird

Wenn ich klicke, um das Modal zu öffnen, wird das Modal einwandfrei angezeigt und die Schaltfläche „Schließen“ zeigt an, dass meine Maus darüber schwebt, aber wenn ich darauf klicke, passiert nichts und das Modal bleibt geöffnet. Hat jemand dieses Problem schon einmal festgestellt/gelöst? Ich sehe h...

P粉809110129 2024-03-29 23:39:12 0  1  428

Verwenden von Tags, um ein direktes Layout in VEGA zu erzwingen

Ich versuche, in VEGA ein Netzwerkdiagramm mit einem erzwungenen Layout zu erstellen, das Beschriftungen für jeden Knoten anzeigt. Ein möglicher Ansatz wird in dieser Frage erwähnt. Anhand des Vega-Editors können wir feststellen, dass die Beschriftungen vorhanden sind, es jedoch einige Überschneidun...

P粉882357979 2024-02-26 18:46:59 0  2  394