English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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‹/›
Parameter | Beschreibung |
---|---|
duration | (Optional)Bestimmung der Dauer der Abklingeffekte, kann ein String oder eine Zahl sein. Vorgesehener Wert ist400 Millisekunden Mögliche Werte:
|
easing | (Optional)Bestimmung der Geschwindigkeit der Elemente an verschiedenen Punkten der Animation. Standardwert ist „swing“ Mögliche Werte:
|
callback | (Optional)Fertigstellung der fadeIn() Methode, die aufgerufene Funktion, einmal für jedes ausgewählte Element |