Heim > Web-Frontend > js-Tutorial > Hauptteil

Anwendungsbeispiele der fadeOut()-Methode in jQuery_jquery

WBOY
Freigeben: 2016-05-16 16:24:49
Original
1294 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die Verwendung der fadeOut()-Methode in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Diese Methode blendet alle passenden Elemente durch eine Änderung der Deckkraft aus und löst optional eine Rückruffunktion aus, nachdem die Animation abgeschlossen ist.

Verwendung der fadeOut()-Methode:

Mit dieser Methode kann die Dauer des Animationseffekts angegeben werden. Zum Beispiel:

Code kopieren Der Code lautet wie folgt:
$("div").fadeOut(5000)

Der obige Code legt fest, dass der Ausblendeffekt des Div innerhalb von 5000 Millisekunden (5 Sekunden) abgeschlossen werden kann.
Diese Methode kann auch eine Rückruffunktion auslösen, nachdem die Animation abgeschlossen ist. Zum Beispiel:

Code kopieren Der Code lautet wie folgt:
$("div").fadeOut(5000,function(){ warning(' Animationseffekt abgeschlossen! ')})

Der obige Code kann die Rückruffunktion auslösen, nachdem die Animation abgeschlossen ist, sodass ein Eingabeaufforderungsfeld angezeigt wird.
Beispielcode:

Code kopieren Der Code lautet wie folgt:






fadeOut() Funktionsskript-Startseite










Der obige Code kann den Div-Effekt langsam auf transparent setzen, indem Sie auf die Schaltfläche klicken. Nachdem es vollständig transparent ist, geben Sie die Rückruffunktion an.

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.

Verwandte Etiketten:
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