jQuery Grund教程

jQuery Effekte

Die fadeToggle()-Methode ist infadeIn()undfadeOut()Wechsel zwischen Methoden.

Wenn das ausgewählte Element ausgeblendet wird, wird fadeToggle() sie einblenden.

Wenn das ausgewählte Element eingefügt wird, wird fadeToggle() sie ausblenden.

Hinweis:Verborgene Elemente beeinflussen die Layout-Struktur der Seite nicht mehr.

$(selector)fadeToggle.(dauer, glätten, callback)

Umschalten zwischen dem Einblenden und Ausblenden aller <p>-Elemente:

Beispiel

$("button").click(function(){}
　　$("p").fadeToggle();
});

VerwendendurationParameter:

Beispiel

$("button").click(function(){}
　　$("p").fadeToggle(1500);
});

VerwendencallbackParameter:

Beispiel

$("button").click(function(){}
　　$("div").fadeToggle(1500, function(){}
　　　　alert("fadeToggle-Effekt abgeschlossen!!!");
　　});
});

Wir können den Ein- und Ausblendeffekt für jedes Element realisieren, z.B. für einfache Bilder:

Beispiel

$("button").click(function(){}
　　$("img").fadeToggle();
});

Parameter	Beschreibung
duration	Optional: Bestimmt die Dauer der Verfallseffekte. Voreingestellter Wert:400 Millisekunden Mögliche Werte: Millisekunden (z.B.100,500,2000 usw.) "fast" "slow"
easing	Optional: Ein String, der die Geschwindigkeit der Elemente zu verschiedenen Punkten der Animation angibt. Standardwert ist "swing". Mögliche Werte: "swing"-Am Anfang/Bewegung langsamer am Ende und schneller in der Mitte "linear"-Bewegung mit konstanter Geschwindigkeit
callback	Optional: Diese Funktion wird aufgerufen, wenn die fadeToggle()-Methode abgeschlossen ist, einmal für jedes ausgewählte Element.