語法:
$(selector).animate({params},speed,callback);
必需的 params 參數(shù)定義形成動(dòng)畫的 CSS 屬性。
可選的 speed 參數(shù)規(guī)定效果的時(shí)長。它可以取以下值:"slow"单料、"fast" 或毫秒。
可選的 callback 參數(shù)是動(dòng)畫完成后所執(zhí)行的函數(shù)名稱点楼。
下面的例子演示 animate() 方法的簡(jiǎn)單應(yīng)用扫尖。它把 <div> 元素往右邊移動(dòng)了 250 像素:
jQuery animate() - 操作多個(gè)屬性
請(qǐng)注意,生成動(dòng)畫的過程中可同時(shí)使用多個(gè)屬性:
實(shí)例
$("button").click(function(){
$("div").animate({
left:'250px',
opacity:'0.5',
height:'150px',
width:'150px'
});
});
jQuery animate() - 使用相對(duì)值
也可以定義相對(duì)值(該值相對(duì)于元素的當(dāng)前值)掠廓。需要在值的前面加上 += 或 -=:
實(shí)例
$("button").click(function(){
$("div").animate({
left:'250px',
height:'+=150px',
width:'+=150px'
});
});