jQuery-Effekte - Gleiten
Die jQuery-Slide-Methoden verschieben Elemente nach oben und unten.
Klicken Sie, um das Bedienfeld nach unten/oben zu verschieben
Da Zeit kostbar ist, liefern wir schnelles und einfaches Lernen.
Bei W3Schools können Sie alles lernen, was Sie zum Lernen brauchen, in einem zugänglichen und handlichen Format.
Beispiele
Demonstriert die Methode jQuery slideDown().
Demonstriert die Methode jQuery slideUp().
Demonstriert die Methode jQuery slideToggle().
jQuery-Sliding-Methoden
Mit jQuery können Sie einen Gleiteffekt auf Elementen erzeugen.
jQuery hat die folgenden Folienmethoden:
slideDown()slideUp()slideToggle()
jQuery slideDown() Methode
Die jQuery slideDown()-Methode wird verwendet, um ein Element nach unten zu schieben.
Syntax:
$(selector).slideDown(speed,callback);
Der optionale Geschwindigkeitsparameter gibt die Dauer des Effekts an. Es kann die folgenden Werte annehmen: "langsam", "schnell" oder Millisekunden.
Der optionale Callback-Parameter ist eine Funktion, die ausgeführt werden soll, nachdem das Gleiten abgeschlossen ist.
Das folgende Beispiel demonstriert die slideDown()Methode:
Beispiel
$("#flip").click(function(){
$("#panel").slideDown();
});
jQuery slideUp() Methode
Die jQuery slideUp()-Methode wird verwendet, um ein Element nach oben zu schieben.
Syntax:
$(selector).slideUp(speed,callback);
Der optionale Geschwindigkeitsparameter gibt die Dauer des Effekts an. Es kann die folgenden Werte annehmen: "langsam", "schnell" oder Millisekunden.
Der optionale Callback-Parameter ist eine Funktion, die ausgeführt werden soll, nachdem das Gleiten abgeschlossen ist.
Das folgende Beispiel demonstriert die slideUp()Methode:
Beispiel
$("#flip").click(function(){
$("#panel").slideUp();
});
jQuery slideToggle() Methode
Die jQuery slideToggle()-Methode schaltet zwischen den
Methoden slideDown()und um.slideUp()
Wenn die Elemente nach unten geschoben wurden, slideToggle()werden sie nach oben geschoben.
Wenn die Elemente nach oben geschoben wurden, slideToggle()werden sie nach unten geschoben.
$(selector).slideToggle(speed,callback);
Der optionale Geschwindigkeitsparameter kann die folgenden Werte annehmen: „langsam“, „schnell“, Millisekunden.
Der optionale Callback-Parameter ist eine Funktion, die ausgeführt werden soll, nachdem das Gleiten abgeschlossen ist.
Das folgende Beispiel demonstriert die slideToggle()Methode:
Beispiel
$("#flip").click(function(){
$("#panel").slideToggle();
});
jQuery-Übungen
Referenz zu jQuery-Effekten
Eine vollständige Übersicht aller jQuery-Effekte finden Sie in unserer jQuery-Effekt-Referenz .