jQuery 效果 - slideDown() 方法

2018-07-22 21:47 更新

實(shí)例

以滑動方式顯示隱藏的 <p> 元素:

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

親自試一試

定義和用法

slideDown() 方法通過使用滑動效果,顯示隱藏的被選元素。

語法

$(selector).slideDown(speed,callback)
參數(shù) 描述
speed

可選。規(guī)定元素從隱藏到可見的速度(或者相反)。默認(rèn)為 "normal"。

可能的值:

  • 毫秒 (比如 1500)
  • "slow"
  • "normal"
  • "fast"

在設(shè)置速度的情況下,元素從隱藏到可見的過程中,會逐漸地改變其高度。

callback

可選。slideDown 函數(shù)執(zhí)行完之后,要執(zhí)行的函數(shù)。

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

除非設(shè)置了 speed 參數(shù),否則不能設(shè)置該參數(shù)。

提示和注釋

提示:如果元素已經(jīng)是完全可見,則該效果不產(chǎn)生任何變化,除非規(guī)定了 callback 函數(shù)。

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

親自試一試 - 實(shí)例

使用 speed 參數(shù)
使用 speed 參數(shù)來隱藏和顯示元素。
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號