使动画更慢（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。是的我知道这是针对actionscript库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);
    });
});