动画结束时执行动画

Question

我创建了一条游泳鱼，我希望动画结束时鱼会旋转并游泳到顶部

function anim() {
    $(".fish_wrap").animate({
        "left": "-90px" }, 5000);    
}
anim();

这是小提琴链接：

http://jsfiddle.net/TxC5y/3/

Answer 1

.animate()函数提供了动画完成时要执行的回调函数。 像这样：

$(".fish_wrap").animate({
    "left": "-90px" }, 5000,
    function () {
        // perform your next task here
});

动画完成时，将调用传递给.animate()内联函数，因此您可以在其中进行下一步。 （旋转并游泳到顶部。）