閱讀(3.3k) 書簽贊(0) 我要糾錯

jQuery 效果 - fadeIn() 方法

2018-07-22 21:47 更新

實例

使用淡入效果來顯示一個隱藏的 <p> 元素：

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

fadeIn() 方法使用淡入效果來顯示被選元素，假如該元素是隱藏的。

$(selector).fadeIn(speed,callback)

參數	描述
speed	可選。規(guī)定元素從隱藏到可見的速度。默認為 "normal"。可能的值：毫秒（比如 1500） "slow" "normal" "fast" 在設置速度的情況下，元素從隱藏到可見的過程中，會逐漸地改變其透明度（這樣會創(chuàng)造淡入效果）。
callback	可選。fadeIn 函數執(zhí)行完之后，要執(zhí)行的函數。如需學習更多有關 callback 的內容，請訪問我們的 jQuery Callback 這一章。除非設置了 speed 參數，否則不能設置該參數。

參數

描述

speed

可選。規(guī)定元素從隱藏到可見的速度。默認為 "normal"。

可能的值：

在設置速度的情況下，元素從隱藏到可見的過程中，會逐漸地改變其透明度（這樣會創(chuàng)造淡入效果）。

callback

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

如需學習更多有關 callback 的內容，請訪問我們的 jQuery Callback 這一章。

除非設置了 speed 參數，否則不能設置該參數。

提示：如果元素已經顯示，則該效果不產生任何變化，除非規(guī)定了 callback 函數。

注釋：該效果適用于通過 jQuery 隱藏的元素，或在 CSS 中聲明 display:none 的元素（但不適用于 visibility:hidden 的元素）。

以上內容是否對您有幫助：

寫筆記

我要補充