English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery fadeOut()-Effekt-Methode

Effektmethoden in jQuery

fadeOut()-Methode, um die Transparenz der ausgewählten Elemente schrittweise von sichtbar auf unsichtbar zu ändern.

Diese Methode wird normalerweise zusammen mitfadeIn()Methoden gemeinsam verwenden.

Hinweis:Verborgene Elemente beeinflussen die Layout-Struktur der Seite nicht mehr.

Syntax:

$(selector)fadeOut.(Dauer, Glättung, Rückruffunktion)

Beispiel

Alle <p>-Elemente ausblenden:

$("button").click(function() {
  $("p").fadeOut();
});
Testen Sie es heraus‹/›

VerwendungdurationParameteren:

$("button").click(function() {
  $("p").fadeOut(1500);
});
Testen Sie es heraus‹/›

VerwendungcallbackParameteren:

$("button").click(function() {
  $("div").fadeOut(600, function() {}})
    $("h3).text("Fade OUT complete.");
  });
});
Testen Sie es heraus‹/›

Wir können einen Ein- und Ausblendeffekt für jedes Element realisieren, z.B. für einfache Bilder:

$("button").click(function() {
  $("img").fadeOut();
});
Testen Sie es heraus‹/›

Parameterwert

ParameterBeschreibung
duration(Optional) Bestimmt die Dauer der Abklingeffekte. Der Standardwert ist400 Millisekunden

Mögliche Werte:

  • Millisekunden (z.B.100,500,2000 usw.)

  • "fast"

  • "slow"

easing(Optional) Ein String, der die Geschwindigkeit der Elemente zu verschiedenen Punkten der Animation angibt. Der Standardwert ist "swing"

Mögliche Werte:

  • "swing"-Am Anfang/Bewegung langsamer am Ende und schneller in der Mitte

  • "linear"-Bewegung mit konstanter Geschwindigkeit

callback(Optional) Die Funktion wird aufgerufen, wenn fadeOut() abgeschlossen ist, und wird für jedes ausgewählte Element einmal aufgerufen

Effektmethoden in jQuery