Heim > Web-Frontend > Front-End-Fragen und Antworten > jquery bricht die Anzeige der Animation ab

jquery bricht die Anzeige der Animation ab

WBOY
Freigeben: 2023-05-23 09:49:38
Original
574 Leute haben es durchsucht

Wenn Sie jQuery zum Schreiben dynamischer Webseiten verwenden, wird die Funktion show() verwendet, um ein bestimmtes Element auf der Seite anzuzeigen. Sie wird normalerweise in Verbindung mit der Funktion hide() verwendet, um dynamische Anzeige- und Ausblendeffekte zu erzielen. Die Funktion show() verwendet standardmäßig Animationseffekte, um Elemente anzuzeigen, aber manchmal müssen wir ihre Animationseffekte abbrechen, um einen natürlicheren und prägnanteren Seitenanzeigeeffekt zu erzielen. Wie kann man also die Animationseffekte der Funktion show() abbrechen?

Methode 1: Schnelle Parameter verwenden
Die Funktion show() verfügt über drei Parameter: Geschwindigkeit, Beschleunigung und Rückruf. Die Werte dieser drei Parameter können entsprechend den tatsächlichen Steuerungsanforderungen geändert werden die Animation beim Anzeigen von Elementen. Unter anderem wird der Geschwindigkeitsparameter verwendet, um die Animationsdauer festzulegen. Wenn der Geschwindigkeitsparameter auf „schnell“ eingestellt ist, schließt die Funktion show() den Vorgang des Anzeigeelements innerhalb von 200 Millisekunden ab, was einem Abbrechen des Animationseffekts entspricht. Der Code lautet wie folgt:

$(元素选择器).show("fast");
Nach dem Login kopieren

Wie Sie sehen, ist der Parameter Geschwindigkeit auf schnell eingestellt, wodurch der Animationseffekt aufgehoben wird und die Elemente sofort angezeigt werden können. Es ist zu beachten, dass durch das Aufheben des Animationseffekts auf diese Weise die Wirkung der Animation nicht vollständig aufgehoben wird. Da es beim Anzeigen von Elementen immer noch Animationseffekte wie Farbverläufe gibt, ist die Geschwindigkeit jedoch sehr hoch und es sieht so aus, als gäbe es keine Animation.

Methode 2: Verwenden Sie den Dauerparameter
Zusätzlich zur Verwendung des Schnellparameters können Sie auch die Dauer der Animationsdauer auf 0 setzen, um den Animationseffekt der Funktion show() abzubrechen. Der Code lautet wie folgt:

$(元素选择器).show(0);
Nach dem Login kopieren

Diese Methode ist gründlicher als der obige schnelle Parameter und kann die Auswirkungen von Animationseffekten vollständig eliminieren.

Es ist zu beachten, dass der Animationseffekt der Funktion show() zwar durch diese beiden Methoden abgebrochen werden kann, dies jedoch kein empfohlener Ansatz ist. Da Animationseffekte den interaktiven Effekt und das Erlebnis der Benutzeroberfläche verbessern können, entsprechen sie eher den Nutzungsgewohnheiten der Benutzer. Wenn keine Animationseffekte erforderlich sind, empfiehlt es sich, das Anzeigeattribut direkt zu verwenden, um das Anzeigen und Ausblenden von Elementen zu steuern.

Kurz gesagt, es gibt viele Möglichkeiten, den Animationseffekt der Funktion show () abzubrechen, und Sie können die am besten geeignete Methode entsprechend den tatsächlichen Anforderungen auswählen. Um das Benutzererlebnis zu verbessern, wird jedoch in den meisten Fällen empfohlen, den Animationseffekt beizubehalten.

Das obige ist der detaillierte Inhalt vonjquery bricht die Anzeige der Animation ab. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage