jquey动画

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

$("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");

});