Latest web development tutorials

jQuery-Effekte - verblassen

Mit jQuery können Sie Elemente implementieren Effekt ausgeblendet.

Klicken Sie auf die Display - Fade - In / Out - Panel

Weil Zeit kostbar ist, bieten wir eine schnelle und bequeme Art zu lernen.

In diesem Tutorial können Sie das notwendige Wissen zu lernen.

Beispiele

jQuery fadeIn ()
Demo jQuery fadeIn () -Methode.

jQuery fadeOut ()
Demo jQuery fadeOut () -Methode.

jQuery fadeToggle ()
Demo jQuery fadeToggle () -Methode.

jQuery fadeTo ()
Demo jQuery fadeTo () -Methode.

jQuery Fading-Methode

Mit jQuery können Sie Elemente implementieren Effekt ausgeblendet.

jQuery hat vier verblassen die folgenden Methoden:

  • fadeIn ()
  • fadeOut ()
  • fadeToggle ()
  • fadeTo ()

jQuery fadeIn () -Methode

jQuery fadeIn () wird verwendet in den verborgenen Elemente zu verblassen.

Syntax:

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

Die optionale Geschwindigkeitsparameter gibt die Dauer des Effekts. Es kann die folgenden Werte annehmen: "langsam", "schnell" oder Millisekunden. .

Der optionale Rückruf Parameter ist der Name der ausgeführten Funktion nach erfolgter Fading.

Das folgende Beispiel zeigt, mit unterschiedlichen Parametern fadeIn () Methode:

Beispiele

$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});

Versuchen »

jQuery fadeOut () -Methode

jQuery fadeOut () -Methode wird verwendet, sichtbare Elemente zu verblassen.

Syntax:

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

Die optionale Geschwindigkeitsparameter gibt die Dauer des Effekts. Es kann die folgenden Werte annehmen: "langsam", "schnell" oder Millisekunden.

Der optionale Rückruf Parameter ist der Name der ausgeführten Funktion nach erfolgter Fading.

Das folgende Beispiel zeigt, mit unterschiedlichen Parametern fadeOut () Methode:

Beispiele

$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});

Versuchen »

jQuery fadeToggle () -Methode

jQuery fadeToggle () -Methode kann zwischen fadeIn () und fadeOut () -Methode umgeschaltet werden.

Wenn das Element verlassen hat, wird die fadeToggle () einen Fade-Effekt auf die Elemente hinzuzufügen.

Wenn das Element ein verblassen, wird die fadeToggle () einen Fade-out-Effekt auf die Elemente hinzuzufügen.

Syntax:

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

Die optionale Geschwindigkeitsparameter gibt die Dauer des Effekts. Es kann die folgenden Werte annehmen: "langsam", "schnell" oder Millisekunden.

Der optionale Rückruf Parameter ist der Name der ausgeführten Funktion nach erfolgter Fading.

Das folgende Beispiel zeigt, mit unterschiedlichen Parametern fadeToggle () Methode:

Beispiele

$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});

Versuchen »

jQuery fadeTo () -Methode

jQuery fadeTo () Methode ermöglicht es bei einem gegebenen Gradienten Opazität (ein Wert zwischen 0 und 1).

Syntax:

$(selector).fadeTo(speed,opacity,callback);

Geschwindigkeitsparameter erforderliche Zeitdauer angegeben Wirkung. Es kann die folgenden Werte annehmen: "langsam", "schnell" oder Millisekunden.

Opazitätsparameter fadeTo () Methode benötigt wird Effekt auf die gegebene Opazität (einen Wert zwischen 0 und 1) verblassen.

Der optionale Rückruf Parameter ist der Name der Funktion, nach der Beendigung der Funktion durchgeführt wird.

Das folgende Beispiel zeigt fadeTo mit unterschiedlichen Parametern () Methode:

Beispiele

$("button").click(function(){
$("#div1").fadeTo("slow",0.15);
$("#div2").fadeTo("slow",0.4);
$("#div3").fadeTo("slow",0.7);
});

Versuchen »