制作动画较慢（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); 
    }); 
});