jQuery animate 是一種 jQuery 插件,用于在網頁中創建動畫效果。它可以逐個地運動、漸變、旋轉、縮放等等。
$(selector).animate({params},speed,callback);
參數說明:
- selector:必需,規定要進行動畫的元素。
- params:必需,定義形成動畫的 CSS 屬性,比如 height、width、color 等等。
- speed:可選,規定動畫效果的時長。
- callback:可選,動畫完成后所要執行的函數名稱。
示例代碼:
$(document).ready(function(){ $("button").click(function(){ $("div").animate({left:'250px'},5000); $("div").animate({top:'250px'},5000); $("div").animate({left:'0px'},5000); $("div").animate({top:'0px'},5000); }); });
上面的代碼會使 DIV 元素逐個地向右、向下、向左、向上運動。
可以發現,jQuery animate 應該是非常明顯的的東西。它可以幫助網頁設計者在不久的將來使其網頁更加流暢和吸引人。