定义和用法
该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()来平滑滚动添加到链接。