JQuery动画:动画期间可以改变速度吗?

时间:2010-03-04 19:09:37

标签: javascript jquery jquery-animate

我想在页面上移动一个div,我希望它在达到目标时减速。

我尝试使用带有递归函数的回调,但它看起来不平滑:

function MovePanel() {
    sidePanel.animate({
        "marginTop": newCurrTop
    }, moveSpeed, function () {
        MovePanel();
    });
}

是否可以减慢JQuery动画的速度?

如果没有替代方案?

感谢。

2 个答案:

答案 0 :(得分:7)

animate方法采用名为“缓和”的第3个参数;在这里了解它:

http://api.jquery.com/animate/

答案 1 :(得分:1)

您可能需要查看此内容:http://www.learningjquery.com/2009/02/quick-tip-add-easing-to-your-animations

  舒适可以真正为生活带来生机   影响。缓和控制如何   动画随着时间的推移而进步   操纵它的加速度。