Neueste Web-Entwicklung Tutorials
 

jQuery fadeIn() Method

<JQuery Effect Methoden

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:

  • Millisekunden
  • "slow"
  • "fast"
easing Optional. Gibt die Geschwindigkeit des Elements in verschiedenen Punkten der Animation. Der Standardwert ist "Swing"

Mögliche Werte:

  • "swing" - moves slower at the beginning/end, but faster in the middle
  • "linear" - moves in a constant speed
Tipp: Weitere Lockerung Funktionen in externe Plugins verfügbar sind
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.


<JQuery Effect Methoden