Neueste Web-Entwicklung Tutorials
 

jQuery Effekte - Sliding

❮ Zurück Weiter Kapitel ❯

Die jQuery Schiebe Methoden schieben Elemente nach oben und unten.

Klicken Sie gleiten nach unten / oben die Platte

Weil die Zeit wertvoll ist, liefern wir schnell und einfach das Lernen.

Bei w3ii, können Sie alles, was Sie brauchen studieren zugängliche und handliches Format zu lernen, in.

Beispiele

jQuery slideDown()
Demonstriert die jQuery slideDown() Methode.

jQuery slideUp()
Demonstriert die jQuery slideUp() Methode.

jQuery slideToggle()
Demonstriert die jQuery slideToggle() Methode.

jQuery Sliding Methods

Mit jQuery können Sie eine gleitende Wirkung auf Elemente erstellen.

jQuery hat die folgenden Dia-Methoden:

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

jQuery slideDown() Methode

Das jQuery slideDown() Methode wird verwendet , um ein Element nach unten rutschen.

Syntax:

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

Die optionale Geschwindigkeitsparameter gibt die Dauer des Effekts. Es kann folgende Werte annehmen: "slow", "fast" oder Millisekunden.

Der optionale Rückrufparameter ist eine Funktion, nachdem die Schiebe schließt ausgeführt werden.

Das folgende Beispiel veranschaulicht die slideDown() Methode:

Beispiel

$("#flip").click(function(){
    $("#panel").slideDown();
});
Versuch es selber "

jQuery slideUp() Methode

Das jQuery slideUp() Methode wird verwendet , um ein Element zu gleiten.

Syntax:

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

Die optionale Geschwindigkeitsparameter gibt die Dauer des Effekts. Es kann folgende Werte annehmen: "slow", "fast" oder Millisekunden.

Der optionale Rückrufparameter ist eine Funktion, nachdem die Schiebe schließt ausgeführt werden.

Das folgende Beispiel veranschaulicht die slideUp() Methode:

Beispiel

$("#flip").click(function(){
    $("#panel").slideUp();
});
Versuch es selber "

jQuery slideToggle() Methode

Das jQuery slideToggle() Methode zum Umschalten zwischen den slideDown() und slideUp() Methoden.

Wenn die Elemente nach unten worden geschoben haben, slideToggle() gleiten sie auf.

Wenn die Elemente worden geschoben haben, slideToggle() gleiten sie nach unten.

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

Die optionale Geschwindigkeits Parameter kann die folgenden Werte annehmen: "slow", "fast" , Millisekunden.

Der optionale Rückrufparameter ist eine Funktion, nachdem die Schiebe schließt ausgeführt werden.

Das folgende Beispiel veranschaulicht die slideToggle() Methode:

Beispiel

$("#flip").click(function(){
    $("#panel").slideToggle();
});
Versuch es selber "

Testen Sie sich mit Übungen!

Übung 1 » Übung 2» Übung 3 » Übung 4»

jQuery Effects Referenz

Eine vollständige Übersicht über alle jQuery - Effekte, gehen Sie bitte auf unsere jQuery Effect Referenz .


❮ Zurück Weiter Kapitel ❯