語法

$(selector).animate({params},speed,callback);

• 必需的 params 參數定義形成動畫的 CSS 屬性。
• 可選的 speed 參數規定效果的時長。它可以取以下值："slow"、"fast" 或毫秒。
• 可選的 callback 參數是動畫完成後所執行的函數名稱。

幾個要點：

• css屬性值使用相對值
• css屬性使用預定義值（"show"、"hide" 或 "toggle"）
• 動畫隊列

實例：

$("button").click(function(){
    $("div
 
").animate({
        "left": "500px",
        "opacity": "0"
    }, "slow", function(){
        console.log("第一步");
    });

    $("div").animate({
        "top": "+=300px",
        "background-color": "yellow",
        "opacity": "1"
    }, "fast", function(){
        console.log("第二步");
    });

    $(
 
"div").animate({
        "left": "-=500px",
        "background-color": "purple"
    }, "slow");

    $("div").animate({
        "top": "0px",
        "background-color": "red"
    }, "fast");

    $("div").animate({
        "height": "hide"
    }, "fast");

});

jquey動畫