Heim > Web-Frontend > js-Tutorial > Hauptteil

Nutzungsanalyse der slideUp()-Methode in jQuery_jquery

WBOY
Freigeben: 2016-05-16 16:24:54
Original
1669 Leute haben es durchsucht

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

Diese Methode verbirgt alle übereinstimmenden Elemente dynamisch durch Höhenänderungen (nach oben abnehmend) und kann nach Abschluss des Verbergens auch eine Rückruffunktion auslösen.
Die Methode slideUp() passt nur die Höhe des Elements an, sodass das passende Element „gleitend“ ausgeblendet werden kann.

1. Grammatikstruktur:
Mit dieser Methode kann die Dauer des Animationseffekts angegeben werden. Wenn keine Zeit angegeben wird, wird der Standardwert normal verwendet. Zum Beispiel:

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

Mit dem obigen Code kann festgelegt werden, dass der Animationseffekt innerhalb von 5000 Millisekunden (5 Sekunden) abgeschlossen ist.
Diese Methode kann auch eine Rückruffunktion auslösen, nachdem die Animation abgeschlossen ist. Zum Beispiel:
Code kopieren Der Code lautet wie folgt:
("div").slideUp(5000,function(){alert ('Zum Abschließen nach unten schieben! ')});

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




Skript-Startseite










Klicken Sie im obigen Code auf die Schaltfläche, das Div wird langsam hochgezogen und nach Abschluss wird ein Dialogfeld angezeigt.

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