Neueste Web-Entwicklung Tutorials
 

jQuery Effect fadeOut() Method

<JQuery Effect Methoden

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:

  • Millisekunden
  • "slow"
  • "fast"
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 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.

<JQuery Effect Methoden