Neueste Web-Entwicklung Tutorials
 

jQuery Effect fadeTo() Method

<JQuery Effect Methoden

Beispiel

ändern Sie allmählich die Opazität aller <p> Elemente:

$("button").click(function(){
    $("p").fadeTo(1000, 0.4);
});
Versuch es selber "

Definition und Verwendung

Die fadeTo() Methode ändert sich allmählich die Opazität, für ausgewählte Elemente, an eine bestimmte Opazität (Fading - Effekt).


Syntax

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

Parameter Beschreibung
speed Erforderlich. Gibt die Geschwindigkeit des Fading-Effekt.

Mögliche Werte:

  • Millisekunden
  • "slow"
  • "fast"
opacity Erforderlich. Gibt die Opazität zu verblassen. Muss eine Zahl zwischen 0,00 und 1,00 sein
easing Optional. Gibt die Geschwindigkeit des Elements in verschiedenen Punkten der Animation. Der Standardwert ist "swing"

Mögliche Werte:

  • "swing" - bewegt sich langsamer zu Beginn / Ende, aber schneller in der Mitte
  • "linear" - bewegt sich in einer konstanten Geschwindigkeit
Tipp: Weitere Lockerung Funktionen in externe Plugins verfügbar sind
callback Optional. Eine Funktion wird ausgeführt , nachdem der fadeTo() Verfahren abgeschlossen ist

Um mehr über Callback zu erfahren, besuchen Sie unsere jQuery Rückruf Kapitel


Probieren Sie es selbst - Beispiele

fadeTo() - Mit dem Callback - Parameter
Wie die Callback-Parameter zu verwenden, wenn in und aus einem Element Verblassen.


<JQuery Effect Methoden