jQuery fadeIn() 方法

jQuery 效果方法

執行個體

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

$("button").click(function(){

$("p").fadeIn();

});

定義和用法

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

注釋：

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

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

文法

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

參數	描述
speed	可選。規定褪色效果的速度。 可能的值： 毫秒 "slow" "fast"
easing	可選。規定在動畫的不同點上元素的速度。預設值為 "swing"。 "swing" - 在開頭/結尾移動慢，在中間移動快 "linear" - 勻速移動 提示： 擴充插件中提供更多可用的 easing 函數。
callback	可選。fadeIn() 方法執行完之後，要執行的函數。 如需學習更多有關 callback 的内容，請通路我們的 jQuery Callback 這一章。

嘗試一下 - 執行個體

fadeIn() - 使用 speed 參數

如何使用 speed 參數來規定褪色效果的速度。

fadeIn() - 使用 callback 參數

當使用淡入效果顯示元素時，如何使用 callback 參數。

jQuery 效果方法