Beispiel
Fade in allen <p> Elemente:
$("button").click(function(){
$("p").fadeIn();
});
Versuch es selber " Definition und Verwendung
Die fadeIn() Methode ändert sich allmählich die Opazität, aus für ausgewählte Elemente, versteckt sichtbar (Fading - Effekt).
Hinweis: Versteckte Elemente werden nicht angezeigt werden (kein Einfluss mehr auf das Layout der Seite).
Tipp: Dieses Verfahren wird häufig verwendet wird , zusammen mit dem fadeOut() Methode.
Syntax
$(selector).fadeIn(speed,easing,callback)
Parameter | Beschreibung |
---|---|
speed | Optional. Gibt die Geschwindigkeit des Fading-Effekt. Der Standardwert ist 400 Millisekunden Mögliche Werte:
|
easing | Optional. Gibt die Geschwindigkeit des Elements in verschiedenen Punkten der Animation. Der Standardwert ist "Swing" Mögliche Werte:
|
callback | Optional. Eine Funktion wird ausgeführt , nachdem der fadeIn() Verfahren abgeschlossen ist Um mehr über Callback zu erfahren, besuchen Sie unsere jQuery Rückruf Kapitel |
Probieren Sie es selbst - Beispiele
fadeIn() - Mit dem Geschwindigkeitsparameter
Wie die Geschwindigkeit Parameter verwenden, um die Geschwindigkeit des Fading-Effekt zu spezifizieren.
fadeIn() - Mit dem Callback - Parameter
Wie die Callback-Parameter zu verwenden, wenn in und aus einem Element Verblassen.