做自(zì)由與創造的先行者

jQuery 效果 - 滑動

jQuery中文(wén)手冊

jQuery 滑動方法可使元素上(shàng)下(xià)滑動。

實例

jQuery slideDown()

演示 jQuery slideDown() 方法。

jQuery slideUp()

演示 jQuery slideUp() 方法。

jQuery slideToggle()

演示 jQuery slideToggle() 方法。

jQuery 滑動方法

通過 jQuery,您可以在元素上(shàng)創建滑動效果。

jQuery 擁有以下(xià)滑動方法:

slideDown()

slideUp()

slideToggle()

jQuery slideDown() 方法

jQuery slideDown() 方法用(yòng)于向下(xià)滑動元素。

語法:

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

可選的 speed 參數規定效果的時(shí)長。它可以取以下(xià)值:"slow"、"fast" 或毫秒。

可選的 callback 參數是滑動完成後所執行的函數名稱。

下(xià)面的例子演示了(le) slideDown() 方法:

實例

$("#flip").click(function(){

$("#panel").slideDown();

});

jQuery slideUp() 方法

jQuery slideUp() 方法用(yòng)于向上(shàng)滑動元素。

語法:

$(selector).slideUp(speed,callback);

可選的 speed 參數規定效果的時(shí)長。它可以取以下(xià)值:"slow"、"fast" 或毫秒。

可選的 callback 參數是滑動完成後所執行的函數名稱。

下(xià)面的例子演示了(le) slideUp() 方法:

實例

$("#flip").click(function(){

$("#panel").slideUp();

});

jQuery slideToggle() 方法

jQuery slideToggle() 方法可以在 slideDown() 與 slideUp() 方法之間進行切換。

如果元素向下(xià)滑動,則 slideToggle() 可向上(shàng)滑動它們。

如果元素向上(shàng)滑動,則 slideToggle() 可向下(xià)滑動它們。

$(selector).slideToggle(speed,callback);

可選的 speed 參數規定效果的時(shí)長。它可以取以下(xià)值:"slow"、"fast" 或毫秒。

可選的 callback 參數是滑動完成後所執行的函數名稱。

下(xià)面的例子演示了(le) slideToggle() 方法:

實例

$("#flip").click(function(){

$("#panel").slideToggle();

});

網站(zhàn)建設開(kāi)發|APP設計(jì)開(kāi)發|小(xiǎo)程序建設開(kāi)發
下(xià)一篇:jQuery 效果 - 動畫(huà)
上(shàng)一篇:jQuery 效果 - 淡入淡出