jquery動畫

jquery動畫

在JQ中作動畫。參考API中的效果。
.show()——顯示
.hide（）——隱藏
.toggle（）——顯示和隱藏的切換
.fedeto(時間，透明度到多少)——透明
.animate({動畫最終效果如："margin-left":"200px"，"width":"200px"},1000,function(){...})
不是全部CSS值都能作動畫，只有值爲數字的時候才能作動畫。例如display:none不能用。
.stop——中止當前正在播放的動畫，後面的動畫不會刪掉。
.finish——中止正在播放的動畫，到動畫結束的狀態而且刪掉後面還在排隊的動畫。
.delay(第一格動畫，延遲時間，後一個動畫)——動畫隊列、

.each——是for循環的一個替代品

$(function(){
$("ul").hover(function(){
$("li").each(function(i){
var obj = $(this);//用個變量臨時保存
setTimeout(function(){//每個延遲
obj.animate({
right:70
},500);
},50*i);
});
}
}