拉线上的动画上/下效果更平滑

时间:2012-04-26 12:52:24

标签: javascript jquery animation jquery-animate easing

我正在尝试为拉绳设置动画,然后单击它将“顶部”向下设置为动画,然后当它到达底部时,一次性返回到开始位置。

我为我想要实现的目标创造了一个小提琴。 http://jsfiddle.net/UUtXP/

但是,我想在它上面使用缓动来缓解easyOutBounce。工作得很好,但是在回来之间有一个停顿。

是否有可能在点击后一直向下做一个动画?

1 个答案:

答案 0 :(得分:0)

只需将一个动画放入另一个:http://jsfiddle.net/maniator/94Dfg/

JS:

$('#rope').click(function() {
    $(this).animate({
        top: '-40',
        queue: true,
    }, 1000).animate({
            top: '-155px',
            queue: true
        }, 500);
});​