jQuery Grundlagen教程

jQuery Effekte

Die fadeTo()-Methode von jQuery ändert die Transparenz des ausgewählten Elements allmählich in die angegebene Transparenz.

Diese Methode ist ähnlich zufadeIn()Methoden ähnlich, aber diese Methode zeigt das Element an und blendet es immer ein100％ Transparenz.

Beachtung: Die fadeTo()-Methode ändert nicht das Layout der Seite (der ausgewählte Element belegt immer noch den gleichen Raum wie zuvor).

$(selector)fadeTo.(duration,　opacity,　easing,　callback)

Graduell Verringerung der Transparenz des <div>-Elements:

Beispiel

$("button").click(function(){
　　$("div").fadeTo(500,　0.2);
});

Graduell Änderung der Transparenz des <div>-Elements:

Beispiel

$("#btn1.click(function(){
　　$("div").fadeTo(1000,　0);
});
$("#btn2.click(function(){
　　$("div").fadeTo(1000,}　1);
});

Verwenden SiecallbackParameter:

Beispiel

$("button").click(function(){
　　$("div").fadeTo(500,　0,　function(){
　　　　alert("Transparenz verringert!!!");
　　});
});

Parameter	Beschreibung
Dauer	Ein String oder eine Zahl, die angibt, wie lange der Einblenden-Effekt dauern soll Mögliche Werte: Millisekunden (z.B.100,500,2000 usw.) "fast" "slow"
Transparenz	Bestimmt die Transparenz des Einblenden. Muss zwischen 0.00 und1Zahl zwischen 0.00
easing	（optional）Ein String, der die Geschwindigkeit der Elemente zu verschiedenen Punkten der Animation angibt. Standardwert ist "swing" Mögliche Werte: "swing"-am Anfang/Bewegt sich langsamer am Ende und schneller in der Mitte "linear"-bewegt sich mit konstanter Geschwindigkeit
callback	（optional）fadeTo() Methode abgeschlossen, die aufgerufene Funktion