Beispiel
Ausblenden alle <p> Elemente:
$("button").click(function(){
$("p").fadeOut();
});
Versuch es selber " Definition und Verwendung
Die fadeOut() Methode ändert sich allmählich die Opazität, für ausgewählte Elemente, aus sichtbar versteckt (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 fadeIn() Methode.
Syntax
$(selector).fadeOut(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 fadeOut() Verfahren abgeschlossen ist Um mehr über Callback zu erfahren, besuchen Sie unsere jQuery Rückruf Kapitel |
Probieren Sie es selbst - Beispiele
fadeOut() - 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 nach und nach die Opazität für ausgewählte Elemente zu verändern.