javascript – Zwei Swiper sind verschachtelt. Wenn die äußere Swiper-Animation initialisiert wird, werden die animierten Elemente ausgeblendet und nicht angezeigt.

Ausgangszustand: Schieben Sie zur zweiten Seite und dann zurück. Das Animationselement wird angezeigt und die Animation wird normal abgespielt

我想大声告诉你 2017-05-19 10:32:28 0  1  787

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

html – SetInterval in JQuery verwenden, um Zahnräder in einer Schleife scrollen zu lassen

Die Animation, die wir jetzt erstellen, besteht darin, dass das Scroll-Ereignis ausgelöst wird, wenn die Maus darüber bewegt wird. Die Animation, die wir erstellen möchten, besteht darin, dass das Zahnrad nach einer gewissen Zeit aus- und wieder zurückrollt von Zeit. Sowohl ein Scrollen nach rechts ...

習慣沉默 2017-05-16 13:25:04 0  3  848

Lassen Sie die CSS-Animation am Ende im Endzustand

Ich führe Animationen für einige Elemente aus, die in CSS auf opacity:0; gesetzt sind. Auf das onClick-Ereignis wird mithilfe von Keyframes eine Animationsklasse angewendet, die die Deckkraft von 0 auf 1 ändert (sowie einige andere Änderungen). Wenn die Animation endet, kehrt das Element leider in d...

P粉950128819 2023-08-20 18:36:55 0  2  669

wowjs-Animations-CSS ist ungültig, wowjs fügt keine Animationsklassen zu HTML-Elementen hinzu

Wenn Sie hier auf die Website gehen und die Entwicklertools verwenden, sehen Sie diese Zeile<!--Singleportfolioitemone--><sectionclass="single-itemscenter-blockparallaxm-0"id="home" style="background: url (innovativ/img/einzelpor

P粉748218846 2024-03-19 21:29:39 0  1  397

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

Wie kann man feststellen, ob die Maus nicht mehr über einem Element schwebt?

Ich möchte wissen, wie ich verhindern kann, dass die Maus über ein Element in Javascript fährt oder CSS verwendet. Ich erstelle eine Animation, bei der der Hintergrund seine Farbe ändert, wenn die Maus darüber schwebt, und ich möchte auch eine Animation hinzufügen, wenn die Maus aufhört, über dem El...

P粉547420474 2024-03-31 13:28:28 0  1  386

Problem mit der Scope-Reihenfolge bei der Ausführung von JavaScript-Code?

var mark2=true;$(".right").click(function(){ {code...} function move(obj){ {code...} Klicken Sie auf $(".right"), um die Verschiebefunktion auszuführen Hauptsächlich dient es dazu, dem obj-Element eine Animation hinzuzufügen und zu verhindern, dass $(".right") zu schnel...

phpcn_u1582 2017-06-26 10:51:58 0  2  744

javascript - Stellen Sie eine sehr verwirrende Frage? Über jQuerys is(":animated")

Was ist das Implementierungsprinzip von is(":animated") in jQuery? Auf welcher Grundlage wird ermittelt, ob das aktuelle Element animiert ist? Ist es Trainingszeit? Oder wird es nach anderen Merkmalen beurteilt? Ich hoffe, ein Passexperte kann mir ein paar Hinweise geben ...

phpcn_u1582 2017-06-26 10:55:56 0  1  769

html5 – Z-Index ist beim Browser-Debugging gültig, beim Testen von Mobiltelefonen jedoch ungültig

Beim Debuggen des Browsers wird der Pfeil nach dem Auftreten eines Drag-Ereignisses ausgeblendet, die Verwendung auf dem mobilen WeChat ist jedoch nicht möglich. Wenn Sie die Animation löschen, wird sie wirksam Es gibt kein Floating in der aktuellen Stildatei. Der Grund oder die Ursache für die Posi...

高洛峰 2017-07-04 13:45:06 0  2  1837

javascript – Eine Frage zum Mousdown-Ereignis

Bitte helfen Sie. Ich habe $.animate verwendet, um ein Ereignis basierend auf dem Seitenelement mousdown zu implementieren. Nachdem ich mehrmals hintereinander geklickt habe, wird die Animation wiederholt abgespielt Um dies zu erreichen, muss ich jedes Mal von vorne beginnen, wenn ich auf „Animation...

世界只因有你 2017-05-19 10:14:34 0  1  438

So animieren Sie die Höhe mit Transformation, ohne den Inhalt zu komprimieren

In meinem Projekt habe ich jQueryslideUp() verwendet, um Elemente in einer Liste mit 200 Elementen nach oben zu verschieben, wenn der Benutzer auf eine Schaltfläche klickt. Es ist jedoch bekannt, dass CSS-Höhenanimationen einen Reflow erfordern, was zu instabilen Animationen führt. Die Animation ist...

P粉208469050 2024-01-01 11:51:20 0  1  459

html5 – Pseudoelement hinzugefügt, ist aber beim Betrachten des Elements nicht zu sehen

{Code...} Ich möchte die Animation auf diese Weise in zwei Richtungen einstellen. Bei der Überlagerung wird der Effekt einer Kurve angezeigt. Das hinzugefügte Pseudoelement ist jedoch beim Betrachten des Elements nicht zu sehen. Wo habe ich es falsch geschrieben?

为情所困 2017-07-04 13:45:09 0  2  2023

Javascript – warum zwei Elemente benötigt werden, um mit Transform einen Scroll-Effekt zu erzeugen

Ich habe in den Artikeln anderer Leute gelesen, warum es notwendig ist, zwei Elementebenen zu verwenden, um zwei Animationen auszuführen und den parabolischen Effekt eines kleinen Balls zu erzielen, anstatt nur ein Element zu schreiben &lt;div class="ball"&gt;&lt;/div&gt; ?...

滿天的星座 2017-05-19 10:18:02 0  2  840

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

Wie kann verhindert werden, dass die konvertierten Elemente durch Überlauf automatisch abgeschnitten werden?

Ich verwende Bootstrap4, um eine modale Galerie für die persönliche Website eines Freundes zu erstellen. Ich habe es so eingerichtet, dass die Bilder beim Schweben erweitert werden. Wenn ich den Überlauf jedoch auf „Auto“ stelle, werden sie am Rand des Modals (oder Div) abgeschnitten. Die Galerie is...

P粉242535777 2023-09-07 20:04:02 0  1  597

Interpretieren Sie die für animierte Bildelemente in einem Formular übermittelten Bildkoordinaten

Ich möchte die X:Y-Werte erfassen, die angeben, wo der Benutzer auf ein animiertes Bild geklickt hat, indem ich das Array php$_POST überprüfe. Das Problem besteht darin, dass ich zwar die Eingabeübermittlungsinformationen für das statische Bild erhalten kann, aber anscheinend keine Werte aus dem ani...

P粉421119778 2024-02-26 22:34:14 0  1  670

Behalten Sie den Schriftabstand für eine Textzeile bei, die in separate HTML-Elemente aufgeteilt ist

Ich versuche, eine gängige Technik zum Aufteilen von Wörtern in separate HTML-Elemente nachzubilden, damit sie per Animation individuell positioniert werden können. Das Problem, das ich habe, ist, dass ich den Abstand zwischen den Wörtern verliere, wenn sie in separate Elemente aufgeteilt werden. Ic...

P粉258083432 2023-09-10 18:37:01 0  1  676

Warum wird jedes Mal, wenn ich mein Vite React-Projekt speichere, ein neues Canvas-Element zum Seitenkörper hinzugefügt, anstatt das vorhandene Canvas-Element zu ersetzen?

Ich versuche, ThreeJs zu lernen (ich bin auch neu in der Javascript-Webentwicklung). Nachdem ich mir einige Tutorials angesehen hatte, begann ich mit Vite und React und dann mit einem einfachen rotierenden Würfel. Dieser Teil funktioniert. Aber nach dem, was ich über Vite gelesen habe, sollte das Sp...

P粉186904731 2024-03-30 09:57:49 0  1  531

Erstellen Sie animierte Textunterstreichungen: eine Schritt-für-Schritt-Anleitung

Ich versuche, das <a>-Tag-Element beim Hover unterstreichen zu lassen, ähnlich wie im ersten Beispiel auf dieser Seite. Es kommt mir fast dumm vor, diese Frage zu stellen, weil das Tutorial zwar da ist, aber das, was ich mache, nicht funktioniert und ich nicht weiß, warum. Dies ist mein CSS-In...

P粉366946380 2024-02-03 20:00:08 0  1  385