Wenn sich das Auswahlereignis ändert, löst die CSS-Animation den entsprechenden Effekt aus.

Ich versuche, eine React-App zu erstellen. Im Moment habe ich ein Auswahleingabefeld mit einigen Pokémon darin. Was ich tun muss, ist, dass das Pokémon-Sprite jedes Mal, wenn sich die Auswahl ändert (d. h. das Pokémon), eine kleine Schüttelanimation ausführt. Derzeit habe ich nur ein Sprite, das sic...

P粉200138510 2024-04-01 09:16:28 0  1  504

javascript - js (Vue)-Übung: Wie gebe ich @ ein, und dann wird automatisch eine Liste verwandter Kandidaten angezeigt?

Der Effekt ist wie folgt: Effektbeschreibung: 1. Der Benutzer gibt das @-Symbol ein, eine Optionsliste erscheint und die Optionsliste wird automatisch hinter dem @-Symbol positioniert. (Die aktuelle Idee ist: Überwachen Sie das Eingabezeichen dynamisch, wenn es @ ist, und das Listenfeld wird an der ...

PHP中文网 2017-07-05 11:03:32 0  3  3628

So führen Sie eine CSS-Animation jedes Mal aus, wenn einem Element eine nachfolgende Klasse hinzugefügt wird

Ich habe eine CSS-Animationsklasse eingerichtet, damit ich Elemente animieren kann. Diese Klasse wird hinzugefügt, wenn auf die Eingabeschaltfläche geklickt wird, und ich möchte, dass sie jedes Mal zum Bildschirm fliegt, wenn auf die Eingabeschaltfläche im Beispiel geklickt wird. Dies funktioniert j...

P粉714780768 2023-09-09 22:36:42 0  1  545

So verschieben Sie die Seite in iOS Safari nach oben, um die Popup-Tastatur unterzubringen

Wie verschiebe ich die Seite nach oben, wenn die Tastatur in Safari auf dem iPhone angezeigt wird? Derzeit verdeckt die Tastatur das Eingabefeld, wenn jemand darauf fokussiert. Ich möchte, dass sich die Tastatur unterhalb des Eingabefelds befindet. Kann mir bitte jemand helfen? Wie kann dieser Effek...

P粉715228019 2023-08-09 17:01:31 0  1  678

javascript - Wie schreibe ich Animationseffekte in React?

Wie erstelle ich Animationseffekte für Komponenten in React? Bei einem einfachen Dialogfeld hoffe ich beispielsweise, dass das Dialogfeld nach dem Klicken auf „Abbrechen“ zunächst ausgeblendet und dann ausgeblendet wird. Wenn Sie jquery verwenden, ist es sehr einfach: Zuerst animieren({ //Fade CSS},...

世界只因有你 2017-05-18 10:58:34 0  2  732

html - form 表单 用户名提示和错误提示分开显示？

点击输入框，显示用户名提示，点击立即注册按钮，在输入框下显示错误提示 {代码...} 具体效果如下 现在是输入内容不希望显示错误提示我现在的问题是，输入相应的内容，会有错误的提示，效果见下 目的：输入内容不...

PHP中文网 2017-05-15 17:03:55 0  1  674

Javascript – Ich habe ein seltsames Problem festgestellt. Die von mir geschriebene CSS-Animation wurde automatisch angehalten, als ich den Tab schloss.

Ich habe ein seltsames Problem festgestellt. Die von mir geschriebene CSS-Animation wurde automatisch angehalten, als ich den Tab schloss, und weiter abgespielt, als ich den Tab erweiterte. Ich verwende das Hintergrundbild zum Bewegen, um den Bewegungseffekt zu erzielen. Hängt das mit diesem Grund z...

给我你的怀抱 2017-06-30 09:52:30 0  1  838

javascript - Wie implementiert man den animierten Hintergrund der Homepage von btcc.com?

Wenn die Website geladen wird, hat der Hintergrund einen kleinen Animationseffekt, der genau richtig ist. https://www.btcc.com/

大家讲道理 2017-05-16 13:26:40 0  1  561

javascript – So implementieren Sie Front-End-Kartenanimationseffekte.

Ähnlich wie beim folgenden Effekt kann sich der Avatar entsprechend der Route bewegen. Ich war noch nie zuvor einer solchen Animation ausgesetzt. Wie soll das Frontend umgesetzt werden? Canvas? WebGL? oder fertiges Framework? Ich habe keine Ahnung, welche Ideen verwendet werden sollten, um diesen Ef...

PHPz 2017-05-16 13:36:02 0  2  447

Schaltflächen auf Mobilgeräten bleiben fokussiert oder aktiv, was zu Problemen mit CSS-Animationen führt

Ich versuche, jedes Mal, wenn ich auf eine Schaltfläche klicke, eine Animation zu erzielen. Auf dem Desktop funktioniert das gut, aber auf Mobilgeräten kann ich nicht den gleichen Effekt erzielen. Ich muss zuerst auf die Schaltfläche klicken, dann auf eine andere Stelle klicken, um das CSS zu defoku...

P粉043295337 2023-08-28 15:14:37 0  1  510

Javascript – Eine Front-End-Selbstkultivierung

Wie bereits erwähnt, bin ich gerade erst in die Branche eingestiegen und arbeite seit zwei Monaten im Unternehmen. Allerdings schenkt das Unternehmen den Front-End-Effekten nicht viel Aufmerksamkeit Ich kann Divs schreiben, Kompatibilität und Animationseffekte sind nicht erforderlich. Solange es ein...

曾经蜡笔没有小新 2017-07-03 11:43:03 0  2  959

Die Eingabeanimation in CSS überschreitet den angegebenen Grenzwert

Die Tippanimation stoppt jedes Mal bei der eingestellten Zeichenanzahl. Wenn ich die Anweisung erweitere, bricht sie ab. Wenn ich die Anweisung verkürze, läuft sie weiter, bis die eingestellte Zeichenanzahl erreicht ist. Ich weiß, dass ich die Anzahl der Schritte (50) ändern muss, aber das ist nicht...

P粉285587590 2024-03-20 00:25:06 0  1  408

angular.js - 同时有angular和jquery插件处理keydown事件

网上下了个jq插件，输入框绑定了click事件，但是我自己写的angular脚本也在同一个输入框上用了ng-keydown。。。我以为是angular的keydown处理函数会执行，结果没效果。。。但是我又不能把插件的click事件处理函数...

漂亮男人 2017-05-15 17:08:07 0  2  633

Javascript – SVG-Neuling, möchte Bilder in SVG einfügen

Der Code ist wie oben. Ich möchte Bilder in SVG einfügen und die Bilder animieren, aber er hat keine Auswirkung. Bitte erklären Sie.

代言 2017-06-24 09:44:02 0  1  862

angular.js - ng-show 表达式动态显示

form input输入框点击搜索框显示提示内容，点击其他地方，提示内容消失 代码见下 {代码...} 具体效果见下 当我点击搜索框时，提示内容显示 求指导，谢谢

怪我咯 2017-05-15 17:04:02 0  1  543

javascript - Der Ladeanimationseffekt der Seite wird nicht angezeigt?

1. Das Projekt, an dem ich gerade arbeite, ist eine Datentabellenseite. Um das Benutzererlebnis zu verbessern, wird eine Ladeanimation hinzugefügt. Es gibt kein Problem mit dem Plug-in zum Laden von Animationen. Bei der Ausführung der Methode wird jedoch festgestellt, dass der Animationseffekt nicht...

迷茫 2017-05-19 10:18:28 0  4  696

Sind Randverläufe mit dem Randradius kompatibel?

Ich gestalte ein Eingabefeld mit einem abgerundeten Rand (Randradius) und versuche, dem Rand einen Verlaufseffekt hinzuzufügen. Ich kann erfolgreich Farbverläufe und abgerundete Ränder erstellen, aber nicht beides gleichzeitig. Entweder gibt es abgerundete Ecken, aber keinen Farbverlauf, oder es gib...

P粉824889650 2023-08-21 20:39:38 0  2  486

Eingabetextfeld schließen: ReactJs-Vorgang, wenn sich der Wert ändert

Ich habe das folgende Problem: Ich habe ein Eingabetextfeld und scanne einen Barcode. Das Textfeld wird jedoch nicht automatisch geschlossen. Wenn ich Zahlen über die Tastatur eingebe, wird es automatisch geschlossen. Habe ich etwas falsch gemacht? Ist der Scanner zu schnell? Irgendwelche Ideen? con...

P粉386318086 2023-09-08 23:29:17 0  1  606

javascript – So referenzieren Sie verschiedene CSS-Stile basierend auf Variablen in VueJS

Es ist erforderlich, das vorherige Projekt auf das Vue-Framework umzustellen. Jetzt haben wir CSS und alles. Jetzt möchte ich verschiedene CSS-Dateien basierend auf Variablen vorstellen. Ähnlich dem logischen Effekt in if(){//import from ''xxx.css}. Ich möchte alle fragen: Kann es im Vue-Framework o...

曾经蜡笔没有小新 2017-07-05 10:37:08 0  1  638

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