jQuery Animation是jQuery的一個重要功能，它可以實現多種動畫效果，適用于大量的UI圖形操作和交互。jQuery Animation使用簡單，代碼易讀，兼容性強，可以兼容IE6+，Firefox，Chrome等常見的瀏覽器。

// jQuery Animation 簡單例子
$("button").click(function(){
$("div").animate({left: '250px'}, 2000);
});

如上代碼是一個簡單的jQuery動畫例子，在 button 被點擊時，div 元素向左移動250像素，動畫時間為2秒。

我們來看一下動畫效果的配置參數：

• animate() 方法必須的第一個參數是對象類型，其中包含 CSS 屬性名和希望動畫的值。
• 第二個參數是動畫效果的持續時間，可以是毫秒（1000毫秒=1秒），也可以是 “slow”， “normal”， “fast”。
• 第三個參數是可選的參數，它指定了動畫效果的方式。"linear" 是默認值（直線動畫），"swing" 是變速動畫。
• jQuery動畫還有其他的參數，例如回調函數，以便在動畫完成時進行某些操作。可以在官方文檔中查找更多參數。

// jQuery Animation 更多參數示例
$("button").click(function(){
$("div").animate({
left: '250px',
opacity: '0.5',
height: '150px',
width: '150px'
}, 2000, function() {
// 動畫完成后執行此函數
$(this).css("background-color", "yellow");
});
});

如上代碼是更復雜的jQuery動畫，并展示了動畫效果的多個參數。

除了 animate() 方法之外，jQuery還提供了其他的動畫效果方法，例如 fadeIn()、fadeOut()、slideUp()、slideDown() 和 delay() 等。通過這些方法和參數的變化，可以創建無數復雜的動畫效果，更好的提升用戶體驗。