jQuery效果-滑動
jQuery滑動方法可以使元素上下滑動忆肾。
jQuery slideDown() 方法
jQuery slideDown() 方法用于向下滑動元素凰浮。
語法:
$(selector).slideDown(speed,callback);
可選的 speed 參數(shù)規(guī)定效果的時長遂填。它可以取以下值："slow"族展、"fast" 或毫秒缎脾。
可選的 callback 參數(shù)是滑動完成后所執(zhí)行的函數(shù)名稱。
jQuery slideUp() 方法
jQuery slideUp() 方法用于向上滑動元素游昼。
語法:
$(selector).slideUp(speed,callback);
可選的 speed 參數(shù)規(guī)定效果的時長甘苍。它可以取以下值："slow"、"fast" 或毫秒烘豌。
可選的 callback 參數(shù)是滑動完成后所執(zhí)行的函數(shù)名稱载庭。
jQuery slideToggle() 方法
jQuery slideToggle() 方法可以在 slideDown() 與 slideUp() 方法之間進(jìn)行切換。
如果元素向下滑動廊佩，則 slideToggle() 可向上滑動它們囚聚。
如果元素向上滑動，則 slideToggle() 可向下滑動它們罐寨。
$(selector).slideToggle(speed,callback);
可選的 speed 參數(shù)規(guī)定效果的時長靡挥。它可以取以下值："slow"序矩、"fast" 或毫秒鸯绿。
可選的 callback 參數(shù)是滑動完成后所執(zhí)行的函數(shù)名稱。
jQuery 效果-動畫
animate()方法
用于創(chuàng)建自定義動畫簸淀。
語法：
$(selector).animate({Paramus},speed,callback);
必須的params參數(shù)定義形成動畫的CSS屬性瓶蝴。
可選的speed參數(shù)規(guī)定效果的時長，他可以取以下值：
“slow”,”fast”或”毫秒”
可選的 callback 參數(shù)是動畫完成后所執(zhí)行的函數(shù)名稱租幕。
默認(rèn)情況下舷手，所有 HTML 元素都有一個靜態(tài)位置，且無法移動劲绪。如需對位置進(jìn)行操作男窟，要記得首先把元素的 CSS position 屬性設(shè)置為 relative、fixed 或 absolute贾富！
使用相對值
也可以定義相對值（該值相對于元素的當(dāng)前值）歉眷。需要在值的前面加上+=或-=：
$("button").click(function(){
$("div").animate({
left:'250px',
height:'+=150px',
width:'+=150px'
});
});
使用隊列功能
默認(rèn)地，jQuery 提供針對動畫的隊列功能颤枪。
這意味著如果您在彼此之后編寫多個 animate() 調(diào)用汗捡，jQuery 會創(chuàng)建包含這些方法調(diào)用的"內(nèi)部"隊列。然后逐一運(yùn)行這些 animate 調(diào)用畏纲。
$("button").click(function(){
var div=$("div");
div.animate({height:'300px',opacity:'0.4'},"slow");
div.animate({width:'300px',opacity:'0.8'},"slow");
div.animate({height:'100px',opacity:'0.4'},"slow");
div.animate({width:'100px',opacity:'0.8'},"slow");
});
