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

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

angular.js - angularjs 使用鼠标悬停时，标签一直闪

我在用angularjs写一个鼠标悬停事件的时候发现鼠标时标签一直闪， angular代码如下： {代码...} 请问一下这段代码有什么问题吗? 要实现的效果就是鼠标悬停到登录成功的标签时，出现进入主页标签。 麻烦看出问题的...

巴扎黑 2017-05-15 17:07:12 0  3  691

javascript - Wie wird dieser Strichanimationseffekt erreicht?

Dieser strichartige Effekt erscheint, wenn die Maus darüber fährt. Kann er mit reinem CSS erreicht werden? Wie erreicht man den gleichen Effekt?

学习ing 2017-06-24 09:44:08 0  3  934

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

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

javascript – So stoppen Sie ein Ereignis sofort, nachdem die Ausführung abgeschlossen ist

Ich habe ein ausgeblendetes Mausbewegungsereignis, aber wenn die Maus mehrmals darüber bewegt wird, wird es mehrmals ausgeführt. Wie kann ich das Ereignis sofort stoppen, nachdem das Mausbewegungsereignis ausgeführt wurde? {Code...}

ringa_lee 2017-06-14 10:54:31 0  5  874

Wie entferne ich die Übergangsverzögerung beim Vue-Übergang?

Ich verwende Vue, um ein Textfeld so zu animieren, dass es nach oben verschoben und eingeblendet wird, wenn die Maus über einem Bild schwebt. Die Animation ist korrekt, es gibt jedoch eine leichte Verzögerung, bevor sie startet. Ich möchte, dass das Textfeld reibungslos verläuft und sofort eingeblen...

P粉757432491 2023-08-17 17:36:49 0  1  523

Fehler beim Neigungseffekt beim Schweben

Ich habe eine Schaltfläche mit einem Neigungseffekt, in der sich ein Text befindet, und wenn ich mit der Maus über die Schaltfläche fahre, werden neben der Schaltfläche zwei Linien angezeigt. Es gibt Code, der über der Schaltfläche schwebt, bis Sie ihn sehen, was ein sehr zufälliger Nebeneffekt ist....

P粉520545753 2024-03-29 13:34:50 0  1  366

Auf der Suche nach einem Javascript-Kartenmarkierungs-Plug-in

1. Gibt es ein solches JavaScript-Plugin, das den folgenden Effekt erzielen kann? Die drei Objekte auf der linken Seite können auf die Karte auf der rechten Seite gezogen werden. Nach dem Ziehen auf die Karte und dem Loslassen der Maus wird eine Markierung hinterlassen auf der Karte (wird zum Markie...

怪我咯 2017-05-18 10:49:58 0  1  629

Die Start- und Endpunkte des Bildes

Ich versuche, den Start- und Endpunkt eines Bildes festzulegen. Ich habe also meine Leinwand und ein Bild. Wenn ich das Bild auf die Leinwand lege, soll ein kleiner roter Kreis aufleuchten, wenn ich mit der Maus über die Start-/Endpunkte fahre, was bedeutet, dass ich eine Verbindung mit anderen Bild...

P粉511757848 2023-08-31 12:24:51 0  1  585

So legen Sie fest, dass die Animation beim Schweben angehalten, aber fortgesetzt wird, sobald die Maus weg ist

Ich habe mehrere Lösungen satt und dies ist die beste Lösung, die ich je gefunden habe. Aber ich bin immer noch nicht zufrieden mit dem Ergebnis, denn wenn die Maus das Element verlässt, kehrt das Element in seine ursprüngliche Drehung zurück. Die Idee ist, dass die Animation ausgelöst wird, wenn Si...

P粉786800174 2024-04-01 09:43:54 0  1  493

javascript – So erzielen Sie den Effekt, dass beim Bewegen der Maus ein roter Rand angezeigt wird

Wer hat diesen Effekt gemacht? Das habe ich geschrieben: Verwenden Sie border-right:1px solid #eee;border-bottom:1px solid #eee; wie man die linke Seite erstellt ul li:hover{border-color:#ed9639 ;} Wenn die Maus schwebt, gibt es auch einen roten Pixelrahmen

过去多啦不再A梦 2017-07-05 11:04:45 0  8  1283

javascript - Wie erziele ich einen Fotoalbum-Effekt? Welches Plugin soll verwendet werden?

Klicken Sie, um eine Vorschau des Bildes anzuzeigen, nach links und rechts zu wischen und Zahlen anzuzeigen. Ich habe den Link auf meinem Computer abgelegt, aber Mausklicks haben keine Wirkung. Gibt es ein ausgereiftes Plug-in, das ich verwenden kann? Die Maske, die Sie schreiben, kann in der Vorsch...

PHP中文网 2017-06-30 09:56:05 0  4  802

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

angular.js - 为什么加了 CSS3 的 transition 会导致 Angular 数据绑定失效？

问题不太好描述，劳各位费心帮我看看是怎么回事。 一个列表页面（比如常见的用户列表），列表的每一项因为有 box-shadow 的设置，在鼠标悬浮的时候，box-shadow 会变化，为了让这个效果更平滑，加了 transition；...

给我你的怀抱 2017-05-15 16:49:16 0  1  725

javascript - Welches Plug-In verwenden Sie für mobile Touch-Events?

Gibt es ein Plugin, das diesen Effekt besser erzielen kann? Der Inhalt jenseits der UL kann nach links und rechts verschoben werden.

某草草 2017-05-16 13:37:06 0  7  534