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

jQuery slideDown() 方法

2018-11-21 15:03 更新

實例

以滑動方式顯示所有隱藏的 <p> 元素：

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

slideDown() 方法以滑動方式顯示被選元素。

注意：slideDown() 適用于通過 jQuery 方法隱藏的元素，或在 CSS 中聲明 display:none 隱藏的元素（不適用于通過 visibility:hidden 隱藏的元素）。

提示：如需以滑動方式隱藏元素，請查看 slideUp() 方法。

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

參數	描述
speed	可選。規(guī)定滑動效果的速度。可能的值：毫秒 "slow" "fast"
easing	可選。規(guī)定在動畫的不同點上元素的速度。默認值為 "swing"。可能的值： "swing" - 在開頭/結尾移動慢，在中間移動快 "linear" - 勻速移動提示：擴展插件中提供更多可用的 easing 函數。
callback	可選。slideDown() 方法執(zhí)行完之后，要執(zhí)行的函數。如需學習更多有關 callback 的內容，請訪問我們的 jQuery Callback 這一章。

參數

描述

speed

可選。規(guī)定滑動效果的速度。

可能的值：

easing

可選。規(guī)定在動畫的不同點上元素的速度。默認值為 "swing"。

可能的值：

提示：擴展插件中提供更多可用的 easing 函數。

callback

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

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