閱讀(8.5k) 書簽贊(0) 我要糾錯(cuò)

jQuery fadeIn() 方法

2018-11-21 15:03 更新

實(shí)例

使用淡入效果顯示所有 <p> 元素：

$("button").click(function(){
$("p").fadeIn();
});

fadeIn() 方法逐漸改變被選元素的不透明度，從隱藏到可見（褪色效果）。

注釋：隱藏的元素不會被完全顯示（不再影響頁面的布局）。

提示：該方法通常與 fadeOut() 方法一起使用。

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

參數(shù)	描述
speed	可選。規(guī)定褪色效果的速度。可能的值：毫秒 "slow" "fast"
easing	可選。規(guī)定在動(dòng)畫的不同點(diǎn)上元素的速度。默認(rèn)值為 "swing"。可能的值： "swing" - 在開頭/結(jié)尾移動(dòng)慢，在中間移動(dòng)快 "linear" - 勻速移動(dòng) 提示：擴(kuò)展插件中提供更多可用的 easing 函數(shù)。
callback	可選。fadeIn() 方法執(zhí)行完之后，要執(zhí)行的函數(shù)。如需學(xué)習(xí)更多有關(guān) callback 的內(nèi)容，請?jiān)L問我們的 jQuery Callback 這一章。

參數(shù)

描述

speed

可選。規(guī)定褪色效果的速度。

可能的值：

easing

可選。規(guī)定在動(dòng)畫的不同點(diǎn)上元素的速度。默認(rèn)值為 "swing"。

可能的值：

提示：擴(kuò)展插件中提供更多可用的 easing 函數(shù)。

callback

可選。fadeIn() 方法執(zhí)行完之后，要執(zhí)行的函數(shù)。

如需學(xué)習(xí)更多有關(guān) callback 的內(nèi)容，請?jiān)L問我們的 jQuery Callback 這一章。

fadeIn() - 使用 speed 參數(shù)
如何使用 speed 參數(shù)來規(guī)定褪色效果的速度。

fadeIn() - 使用 callback 參數(shù)
當(dāng)使用淡入效果顯示元素時(shí)，如何使用 callback 參數(shù)。

以上內(nèi)容是否對您有幫助：

寫筆記

我要補(bǔ)充