Mit jQuery können Sie Elemente verblassen in und aus der Sicht.
Klicken Sie verblassen in / out-Panel
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 fadeIn()
Demonstriert die jQuery fadeIn() Methode.
jQuery fadeOut()
Demonstriert die jQuery fadeOut() Methode.
jQuery fadeToggle()
Demonstriert die jQuery fadeToggle() Methode.
jQuery fadeTo()
Demonstriert die jQuery fadeTo() Methode.
jQuery Fading Methoden
Mit jQuery können Sie ein Element in die und aus der Sicht verblassen.
jQuery hat die folgenden verblassen Methoden:
- fadeIn()
- fadeOut()
- fadeToggle()
- fadeTo()
jQuery fadeIn() Methode
Das jQuery fadeIn() Methode wird in einem versteckten Element zu verblassen.
Syntax:
$(selector).fadeIn(speed,callback);Die optionale Geschwindigkeitsparameter gibt die Dauer des Effekts. Es kann folgende Werte annehmen: "slow", "fast" oder Millisekunden.
Der optionale Rückrufparameter eine Funktion ausgeführt werden soll, nachdem das Fading vervollständigt.
Das folgende Beispiel veranschaulicht die fadeIn() Methode mit verschiedenen Parametern:
Beispiel
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
}); Versuch es selber " jQuery fadeOut() Methode
Das jQuery fadeOut() Methode wird verwendet , um ein sichtbares Element auszublenden.
Syntax:
$(selector).fadeOut(speed,callback);Die optionale Geschwindigkeitsparameter gibt die Dauer des Effekts. Es kann folgende Werte annehmen: "slow", "fast" oder Millisekunden.
Der optionale Rückrufparameter eine Funktion ausgeführt werden soll, nachdem das Fading vervollständigt.
Das folgende Beispiel veranschaulicht die fadeOut() Methode mit verschiedenen Parametern:
Beispiel
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
}); Versuch es selber " jQuery fadeToggle() Methode
Das jQuery fadeToggle() Methode schaltet zwischen dem fadeIn() und fadeOut() Methoden.
Wenn die Elemente ausgeblendet werden, fadeToggle() wird verblassen sie in.
Wenn die Elemente eingeblendet werden, fadeToggle() wird sie ausgeblendet.
Syntax:
$(selector).fadeToggle(speed,callback);Die optionale Geschwindigkeitsparameter gibt die Dauer des Effekts. Es kann folgende Werte annehmen: "slow", "fast" oder Millisekunden.
Der optionale Rückrufparameter eine Funktion ausgeführt werden soll, nachdem das Fading vervollständigt.
Das folgende Beispiel veranschaulicht die fadeToggle() Methode mit verschiedenen Parametern:
Beispiel
$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
}); Versuch es selber " jQuery fadeTo() Methode
Das jQuery fadeTo() Methode erlaubt es zu einem gegebenen Opazität (Wert zwischen 0 und 1) verblassen.
Syntax:
$(selector).fadeTo(speed,opacity,callback);Die erforderliche Geschwindigkeit Parameter gibt die Dauer des Effekts. Es kann folgende Werte annehmen: "slow", "fast" oder Millisekunden.
Die erforderliche Opazität Parameter in der fadeTo() Methode gibt zu einem bestimmten Opazität Fading (Wert zwischen 0 und 1).
Der optionale Rückrufparameter eine Funktion ausgeführt werden soll, nachdem die Funktion abgeschlossen ist.
Das folgende Beispiel veranschaulicht die fadeTo() Methode mit verschiedenen Parametern:
Beispiel
$("button").click(function(){
$("#div1").fadeTo("slow", 0.15);
$("#div2").fadeTo("slow", 0.4);
$("#div3").fadeTo("slow", 0.7);
}); Versuch es selber " Testen Sie sich mit Übungen!
Übung 1 » Übung 2» Übung 3 » Übung 4» Übung 5 »
jQuery Effects Referenz
Eine vollständige Übersicht über alle jQuery - Effekte, gehen Sie bitte auf unsere jQuery Effect Referenz .