定義和用法
該animate()方法執行一組CSS屬性的自定義動畫。
這種方法改變了從一個狀態到另一個與CSS樣式的元素。 CSS屬性值是逐漸改變，以創建動畫效果。
只有數值可以是動態的（如"margin:30px" ）。 字符串值不能動畫（如"background-color:red" ），除了字符串"show", "hide"和"toggle" 。 這些值允許隱藏和顯示動畫元素。
提示：使用"+=" "-=" "+=" "-="相對動畫。
句法
(selector).animate({styles},speed,easing,callback)| 參數 | 描述 |
|---|---|
| styles | 需要。 指定一個或多個CSS屬性/值動畫。 注：與使用時的屬性名必須是駱駝套管animate()方法：你需要寫paddingLeft代替填充左，marginRight代替保證金的權利，等等。 可以設置動畫的屬性：
只有數值可以是動態的（如"margin:30px" ）。 字符串值不能動畫（如"background-color:red" ），除了字符串"show", "hide"和"toggle" 。 這些值允許隱藏和顯示動畫元素。 提示：顏色動畫不包括在jQuery核心庫。如果你想動畫的顏色，你需要下載顏色動畫插件從jQuery.com |
| speed | 可選的。 指定動畫的速度。 默認值是400毫秒 可能的值：
|
| easing | 可選的。 指定動畫的不同點處的元件的速度。 默認值是"swing" 。 可能的值：
|
| callback | 可選的。 在動畫完成後要執行的功能。 要了解更多有關回調，請閱讀我們的jQuery回調章 |
替代語法
(selector).animate({styles},{options})| 參數 | 描述 |
|---|---|
| styles | 需要。 指定一個或多個CSS屬性/值動畫（見上可能值） |
| options | 可選的。 指定動畫的附加選項。 可能的值：
|
試一試 - 示例
使用animate()有一個回調函數
如何使用animate()與重複動畫的回調函數。
替代語法示例
使用替代語法指定多個動畫風格和選項。
使用animate()來創建一個進度條
如何使用animate()方法創建一個進度條。
平滑滾動添加到頁面的錨
如何使用animate()來平滑滾動添加到鏈接。