jQuery 動畫中 緩動效果的應用 (轉)

自然的運動是遵循實體規律的運動，而不是理想的簡單的勻速直線運動，是以，我們在寫動畫效果的時候也要考慮讓我們的效果更接近自然規律，比如加速，減速，勻變速，變加速等等等等要考慮進去。

我們平常建立一個簡單的jQuery 動畫效果很簡單 使用animate 就行了：

$("#info").animate({"left" : -(wh*i)+"px"},speed);  

如果我們要使用緩動效果 就要先連結

<script type="text/javascript" src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.compatibility.js"> </script>

然後我們在使用 amimate的時候 才 可以加上緩動的效果

$("#info").animate({"left" : -(wh*i)+"px"},{duration: speed, easing: "easeInOutBack"});  

這時候我們就要把animate 的設定用兩個大括号 和逗号隔開