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

Question

我正在尝试动画一条拉绳，所以点击它动画‘顶部’向下，然后当它到达底部，回到开始位置，所有的一切都在一气之下。

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

但是，我想在easeOutBounce上使用easing。往下走效果很好，但在返回之前会有一个停顿。

有没有可能在点击的时候做一个从背面一直往下的动画？

Answer 1

只需将一个动画放在另一个动画之后：http://jsfiddle.net/maniator/94Dfg/

JS：

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