Javascript 在拉绳上设置更平滑的向上/向下动画效果

Javascript 在拉绳上设置更平滑的向上/向下动画效果,javascript,jquery,animation,jquery-animate,easing,Javascript,Jquery,Animation,Jquery Animate,Easing,我试图动画一个拉绳,所以点击它动画'顶部'下来,然后当它到达底部回到开始的位置都在一次去 我已经为我想要实现的目标创造了一把小提琴 但是,我想在它上使用easeOutBounce。向下移动效果很好,但在向上移动之间会有一个停顿 是否可以在单击时从备份一直执行一个动画?只需将一个动画放在另一个动画上: JS: @加比齐什它没有延迟。 $('#rope').click(function() { $(this).animate({ top: '-40', que

我试图动画一个拉绳,所以点击它动画'顶部'下来,然后当它到达底部回到开始的位置都在一次去

我已经为我想要实现的目标创造了一把小提琴

但是,我想在它上使用easeOutBounce。向下移动效果很好,但在向上移动之间会有一个停顿


是否可以在单击时从备份一直执行一个动画?

只需将一个动画放在另一个动画上:

JS:


@加比齐什它没有延迟。
$('#rope').click(function() {
    $(this).animate({
        top: '-40',
        queue: true,
    }, 1000).animate({
            top: '-155px',
            queue: true
        }, 500);
});​