jQuery 效果方法总结

animate(): 自定义动画；(selector).animate({styles},speed,easing,callback)

  　　styles:通过变化height、border、padding等去改变，必选

　　  speed：动画的速度；毫秒数/“slow”/“fast”

        easing：动画的不同点上元素的速度；swing(开头和结束慢，中间快<默认>)/linear(匀速)

　　  callback：完成动画要执行的函数；

clearQueue：清除队列里的动画(未执行的动画，已执行的动画会被执行完);

delay：延迟动画；eg：(selector).delay(speed).fadeIn();

dequeue：暂时不理解，有点乱；写的话，queue下的函数被执行；不写的话，queue下的函数不执行；

$("#start").click(function(){
        div.animate({height:300},"slow");
        div.animate({width:300},"slow");
        div.queue(function () {
            div.css("background-color","red");  
            div.dequeue();
        });
        div.animate({height:100},"slow");
        div.animate({width:100},"slow");
});
//全部执行
$("#start").click(function(){
        div.animate({height:300},"slow");
        div.animate({width:300},"slow");
        div.queue(function () {
            div.css("background-color","red");  
            //div.dequeue();
        });
        //以下代码不被执行
        div.animate({height:100},"slow");
        div.animate({width:100},"slow");
});