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

jQuery 效果 fadeIn() 方法

jQuery Effektmethoden

fadeIn()方法逐渐将选定元素的不透明度,从隐藏更改为可见。

该方法通常与fadeOut()方法一起使用。

注意:隐藏的元素将不再影响页面的布局。

它与fadeTo()方法类似,但是该方法不会取消隐藏元素,并且可以指定最终的不透明度级别。

语法:

$(selector)fadeIn.(duration, easing, callback)

实例

淡入<div>元素:

$("button").click(function(){
  $("div").fadeIn();
});
Testen Sie heraus‹/›

淡入所有<p>元素:

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

使用durationParameter:

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

使用callbackParameter:

$("button").click(function(){
  $("div").fadeIn(600, function(){
$("h3").text("Einblenden beendet.");
  });
});
Testen Sie heraus‹/›

Wir können den Ein- und Ausblendeeffekt für jedes Element realisieren, zum Beispiel ein einfaches Bild:

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

Parameterwert

ParameterBeschreibung
duration(Optional)Bestimmung der Dauer der Abklingeffekte, kann ein String oder eine Zahl sein. Vorgesehener Wert ist400 Millisekunden

Mögliche Werte:

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

  • “fast”

  • “slow”

easing(Optional)Bestimmung der Geschwindigkeit der Elemente an verschiedenen Punkten der Animation. 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)Fertigstellung der fadeIn() Methode, die aufgerufene Funktion, einmal für jedes ausgewählte Element

jQuery Effektmethoden