動畫結束時執行動畫

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()內聯函數，因此您可以在其中進行下一步。 （旋轉並游泳到頂部。）