做(zuò)自(zì)由與創造的先行(xíng)者

jQuery 效果 - 滑動

jQuery中文手冊

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

實例

jQuery slideDown()

演示 jQuery slideDown() 方法。

jQuery slideUp()

演示 jQuery slideUp() 方法。

jQuery slideToggle()

演示 jQuery slideToggle() 方法。

jQuery 滑動方法

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

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

slideDown()

slideUp()

slideToggle()

jQuery slideDown() 方法

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

語法:

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

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

可(kě)選的 callback 參數(shù)是滑動完成後所執行(xíng)的函數(shù)名稱。

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

實例

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

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

});

jQuery slideUp() 方法

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

語法:

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

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

可(kě)選的 callback 參數(shù)是滑動完成後所執行(xíng)的函數(shù)名稱。

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

實例

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

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

});

jQuery slideToggle() 方法

jQuery slideToggle() 方法可(kě)以在 slideDown() 與 slideUp() 方法之間(jiān)進行(xíng)切換。

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

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

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

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

可(kě)選的 callback 參數(shù)是滑動完成後所執行(xíng)的函數(shù)名稱。

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

實例

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

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

});

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