Nutzungsanalyse der slideUp()-Methode in jQuery

Nutzungsanalyse der slideUp()-Methode in jQuery_jquery

WBOY

Freigeben： 2016-05-16 16:24:54

Original

1650 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.