动画结束时执行动画

Question

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

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

这里是小提琴链接：

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

Answer 1

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

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

当动画完成时，将调用传递给.animate()的内联函数，这样就可以放置下一步了。 （旋转并游到顶部。）