javascript - Gibt es eine gute Lösung zum Ein- und Ausblenden von Animationen?

Beispiel: Es hat den gleichen Effekt wie diese Animation. Nach dem Klicken auf die Schaltfläche wird es angezeigt und hat die gleichen Animationseffekte. Aber ich habe es definitiv zu kompliziert geschrieben. Gibt es eine einfachere Lösung (keine Notwendigkeit für Bibliotheken von Drittanbietern)?

阿神 2017-06-30 09:59:55 0  5  1063

Warum sollten wir Stop() vor animate setzen?

Hallo Lehrer, es gibt so einen Code im Kurscode. Animationseffekt von $('.block').stop().animate(). Warum müssen Sie stop() vor animate() setzen?

善為 2019-01-09 10:51:29 0  2  1116

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

CSS – Problem mit der Änderung der Animationsfarbe

Dies ist der anfängliche Farbwert. Weitere Informationen finden Sie in der Demo. Was ist der Grund dafür?

世界只因有你 2017-06-28 09:27:36 0  1  1241

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

object-c – Wie kann das Farbdimmungsproblem der Ansicht behoben werden, wenn TransitionWithView UIView umdreht?

Wenn Sie eine Animation erstellen möchten, die dem Umdrehen der Vorder- und Rückseite einer Karte ähnelt, führt die Verwendung der TransitionWithView-Methode von UIView dazu, dass die Farbe der umgedrehten Ansicht dunkler wird. Wenn die Hintergrundfarbe der Ansicht weiß ist, kommt es zu einem Flacke...

三叔 2017-06-21 10:11:50 0  1  1097

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 <div class="ball"></div> ?...

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

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

javascript - Warum muss ich eine Eigenschaft vor dem Verzögerer dieser Bewegungsfunktion anpassen?

Diese Funktion wird verwendet, um einen Animationseffekt zu erstellen: {code...} Bezüglich des letzten Satzes elem.movement=setTimeout(repeat,interval) und des obigen Satzes if(elem.movement){ {code...} Ich kenne sie Die Funktion besteht darin, die zuletzt ausgeführte Funktion bei erneuter Ausführun...

为情所困 2017-05-19 10:18:30 0  1  460

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

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

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

javascript - Problem beim Routenübergang in Vue?

Vue fügt der Route einen Ein- und Ausblendeffekt für die Zwischensequenz hinzu. Die Komponente wird ausgeblendet, wenn sie entfernt wird. Wenn sie jedoch eingegeben wird, wird sie sofort aktiviert und nicht eingeblendet. Zwischen diesen beiden Schritten wird die Seite angezeigt leer. Das Folgende is...

滿天的星座 2017-06-12 09:30:07 0  3  775

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

Wie kann ich zulassen, dass in meiner Klickfunktion nur ein Element ausgewählt wird? (Reines JS)

Ich erstelle eine Quiz-App, die Daten von einer API abruft, eine Reihe von Fragen erstellt und dann jedes Mal eine andere Anzahl von „Antwortelementen“ auf die Quizseite lädt, je nachdem, welche Frage zufällig aus dem Array unten ausgewählt wird ist die Kreation. Bietet eine Reihe anklickbarer „Spie...

P粉345302753 2024-01-29 14:08:19 0  1  476

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

Phaser konnte die Kachelkarte nicht laden und auf dem Bildschirm wurde nur ein schwarzer Bildschirm angezeigt

Ich versuche, eine Kachelkarte zu laden, die im Editor für gekachelte Karten erstellt wurde. Ich habe es als JSON-Datei exportiert und zusammen mit meinem Kachelsatz im Ordner „Assets“ im öffentlichen Ordner abgelegt. Alles, was auf der Leinwand erscheint, ist schwarz. Ich habe versucht, die Positio...

P粉832490510 2024-03-30 20:38:02 0  1  708

Titel umgeschrieben als: Der 100vh-Wert von CSS3 ist in mobilen Browsern nicht festgelegt

Ich habe ein sehr seltsames Problem ... In jedem Browser und jeder mobilen Version, die mir begegnet, habe ich dieses Verhalten: Beim Laden einer Seite haben alle Browser ein oberes Menü (wie die Anzeige der Adressleiste). Wenn Sie mit dem Scrollen der Seite beginnen, es rutscht nach oben. Manchmal ...

P粉682987577 2023-08-21 16:49:22 0  2  515

Möglichkeiten zur Behebung des Problems 2003 (HY000): Verbindung zum MySQL-Server „db_mysql:3306' nicht möglich (111)

Ich habe kürzlich versucht, meinen FastAPIPython-Server zu containerisieren (auch für die Replikation/Verdoppelung). Vorher hatte ich nur einen MySQL-Server in einem Docker-Container und alles war in Ordnung, aber als ich meinen Webserver auch zu einem Dienst machte, konnte er keine Verbindung zum M...

P粉178132828 2023-09-05 11:18:47 0  1  846

Experimentieren Sie mit der Sortierung nach Abfragelimit

Das ist also meine erste Frage hier. Bitte verzeihen Sie mir, wenn etwas nicht stimmt. Ich versuche, eine Sortierabfrage basierend auf Einschränkungen durchzuführen. Es gibt also eine Kundentabelle mit 90 Datensätzen. Ich möchte zunächst eine auf 3 Datensätze beschränkte Abfrage durchführen und dann...

P粉237125700 2023-09-05 14:46:42 0  1  738