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)發