jQuery-Effekte - Verschieben
- Vorherige Seite jQuery Ein- und Ausblenden
- Nächste Seite jQuery 动画
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(); );
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(); );
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(); );
jQuery Effekt Referenzhandbuch
Für eine umfassende Überprüfung der jQuery Effekte besuchen Sie bitte unsere jQuery Effekt Referenzhandbuch.
- Vorherige Seite jQuery Ein- und Ausblenden
- Nächste Seite jQuery 动画