## 動畫 animate(params, \[speed\], \[easing\], \[fn\]) 概述：用于創建自定義動畫的函數。 * params：一組包含作為動畫屬性和終值的樣式屬性和及其值的集合。 * speed：三種預定速度字符串(slow、normal、fast)或表示動畫時長的毫秒數值(如：1000) * easing：用來指定切換效果，默認是"swing"，可用參數"linear" * fn：在動畫完成時執行的函數，每個元素執行一次。 ~~~ // 讓指定元素左右移動 $("#right").click(function(){ $(".block").animate({left: '+50px'}, "slow"); }); $("#left").click(function(){ $(".block").animate({left: '-50px'}, "slow"); }); // 點擊按鈕后 div 元素的幾個不同屬性一同變化 $("#go").click(function(){ $("#block").animate({ width: "90%", height: "100%", fontSize: "10em", borderWidth: 10 }, 1000 ); }); ~~~ ## 停止 stop(\[queue\], \[clearQueue\], \[jumpToEnd\]) 概述：停止所有在指定元素上正在運行的動畫。 ~~~ // 停止當前正在運行的動畫 $("#stop").click(function(){ $("#box").stop(); }); ~~~ ## 延遲 delay(duration\[, queueName\]) 概述：設置一個延時來推遲執行隊列中之后的項目。 ~~~ // 在.slideUp() 和 .fadeIn()之間延時 800 毫秒。 $('#foo').slideUp(300).delay(800).fadeIn(400); ~~~ ## 完成 finish(\[queue\]) 概述：停止當前正在運行的動畫，刪除所有排隊的動畫，并完成匹配元素所有的動畫。 ~~~ $("#complete").click(function(){ $("div").finish(); }); // 停止當前正在運行的動畫 ~~~