javascript - 动画结束时执行动画

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()将在动画完成时被调用，所以这就是你下一步要做的地方。（旋转并游到顶部。）