jQuery 效果 - animate() 方法
改变 "div" 元素的高度：
$(".btn1").click(function(){
$("#box").animate({
height:"300px"}
);
}
);
animate()定义和用法
animate() 方法执行 CSS 属性集的自定义动画。
该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。
只有数字值可创建动画（比如 "margin:30px"）。字符串值无法创建动画（比如 "background-color:red"）。
注释：使用 "+=" 或 "-=" 来创建相对动画（relative animations）。
语法 1
$(selector).animate(styles,speed,easing,callback)
| 参数 | 描述 |
|---|---|
| styles | 必需。规定产生动画效果的 CSS 样式和值。 可能的 CSS 样式值（提供实例）：
注释：CSS 样式使用 DOM 名称（比如 "fontSize"）来设置，而非 CSS 名称（比如 "font-size"）。 |
| speed | 可选。规定动画的速度。默认是 "normal"。 可能的值：
|
| easing | 可选。规定在不同的动画点中设置动画速度的 easing 函数。 内置的 easing 函数：
扩展插件中提供更多 easing 函数。 |
| callback | 可选。animate 函数执行完之后，要执行的函数。 如需学习更多有关 callback 的内容，请访问我们的 jQuery Callback 这一章。 |
语法 2
$(selector).animate(styles,options)
| 参数 | 描述 |
|---|---|
| styles | 必需。规定产生动画效果的 CSS 样式和值（同上）。 |
| options | 可选。规定动画的额外选项。 可能的值：
|
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： jQuery 效果 - animate() 方法
本文地址： https://pptw.com/jishu/18418.html