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