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

Question

我正在尝试为拉绳设置动画，因此单击它会使“顶部”向下动画，然后当它到达底部时，一次又回到起始位置。

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

但是，我想对它使用缓动easeOutBounce。下降的效果很好，但在上升之间会有一个暂停。

是否有可能在点击时一直做一个动画？

Answer 1

只需将一个又一个动画：http: //jsfiddle.net/maniator/94Dfg/

JS：

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