製作動畫較慢（jQuery）

Question

我試圖通過更改其position來製作動畫。

同樣，由CSS left的動畫從左邊移到塊中間。

問題是，動畫處理從開始到結束以相同的速度發生的。

我想使動畫在年底慢，當它涉及到了終點，應該慢下來。

我該怎麼做？我已經閱讀了有關緩動插件的內容，但不知道應該使用哪種效果，哪種是需要的效果。

Answer 1

你想要一個緩解效應。下面是一些演示：

http://jquery-ui.googlecode.com/svn/tags/1.6rc6/demos/effects_easings/default.html

編輯：

這裏有一個更 「官方」 演示頁：

http://jqueryui.com/demos/effect/easing.html

Answer 2

這是有緩解作用表現的真棒參考： http://hosted.zeh.com.br/tweener/docs/en-us/misc/transitions.html。是的我知道這是爲動作庫Tweener，但所有的緩動名稱是相同的（大部分）。

您在尋找easeOut或easeOutQuad或easeOutCubic。 （他們是在他們將如何迅速開始放緩順序）

Answer 3

嘗試財產以後這樣的：

$('#yourBlock').animate({ 
    left: newValue 
}, 500, 'easeOut') 

Answer 4

$(document).ready(function() { 
    $("#imgAnimate").click(function() { 
     $("#imgAnimate").animate({ "opacity": 0.0, left: '800px' }, 2500); 
    }); 
});