jQuery-Effekte - Verschieben

Die jQuery-Schwenkfunktion ermöglicht das Hoch- und Herunterschieben von Elementen.

Effektvorführung

Klicken Sie hier, um das Panel auszuklappen/anzuklappen

Ein Zoll Zeit ist ein Zoll Gold, daher bieten wir Ihnen leichte und schnelle Lerninhalte.

Hier können Sie alle erforderlichen Kenntnisse auf eine verständliche und bequeme Weise erhalten.

Beispiel

jQuery slideDown()
Demonstration der jQuery slideDown() Methode.
jQuery slideUp()
Demonstration der jQuery slideUp() Methode.
jQuery slideToggle()
Demonstration der jQuery slideToggle() Methode.

jQuery Schiebe-Methoden

Mit jQuery können Sie Schiebeeffekte auf Elementen erstellen.

jQuery verfügt über folgende Schiebe-Methoden:

  • slideDown()
  • slideUp()
  • slideToggle()

Die jQuery slideDown() Methode

Die jQuery slideDown() Methode wird verwendet, um Elemente nach unten zu verschieben.

Syntax:

$(selector).slideDown(speed,callback);

Der optionale Parameter speed legt die Dauer des Effekts fest. Es können die folgenden Werte verwendet werden: "slow", "fast" oder Millisekunden.

Der optionale Parameter callback ist der Name der Funktion, die nach dem Verschieben ausgeführt wird.

Die folgenden Beispiele demonstrate die slideDown() Methode:

Beispiel

$("#flip").click(function(){
  $("#panel").slideDown();
);

Versuchen Sie es selbst

Die jQuery slideUp() Methode

Die jQuery slideUp() Methode wird verwendet, um Elemente nach oben zu verschieben.

Syntax:

$(selector).slideUp(speed,callback);

Optional speed Der Parameter speed legt die Dauer des Effekts fest. Es können die folgenden Werte verwendet werden: "slow", "fast" oder Millisekunden.

Optional callback Der Parameter ist der Name der Funktion, die nach dem Verschieben ausgeführt wird.

Die folgenden Beispiele demonstrate die slideUp() Methode:

Beispiel

$("#flip").click(function(){
  $("#panel").slideUp();
);

Versuchen Sie es selbst

Die jQuery slideToggle() Methode

Die jQuery slideToggle() Methode kann zwischen slideDown() und slideUp() Methoden umschalten.

Wenn ein Element nach unten verschoben wird, kann slideToggle() es nach oben verschieben.

Wenn ein Element nach oben verschoben wird, kann slideToggle() es nach unten verschieben.

$(selector).slideToggle(speed,callback);

Optional speed Der Parameter speed legt die Dauer des Effekts fest. Es können die folgenden Werte verwendet werden: "slow", "fast" oder Millisekunden.

Optional callback Der Parameter ist der Name der Funktion, die nach dem Verschieben ausgeführt wird.

Die folgenden Beispiele demonstrate die slideToggle() Methode:

Beispiel

$("#flip").click(function(){
  $("#panel").slideToggle();
);

Versuchen Sie es selbst

jQuery Effekt Referenzhandbuch

Für eine umfassende Überprüfung der jQuery Effekte besuchen Sie bitte unsere jQuery Effekt Referenzhandbuch.