jQuery动画 animate对象

animate用于创建自定义动画的函数。

对象中每个属性都表示一个可以变化的样式属性（如“height”、“top”或“opacity”）。

而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值，样式属性就 会从当前的值渐变到指定的值。

animate(动画属性,[速率],[缓解],[在动画完成时执行的函数，每个元素执行一次。])

现在用这个对象来制作一个小案例

引入jQuery插件，写个div标签，button标签，设置id名

 

然后设置动画效果了

$(‘按钮标签’).事件对象(fnction(){

$(‘你要设置动画效果的标签’).animate({动画属性}，速率)

})

在1000毫秒内切换段落的高度和透明度

让指定元素左右移动

 

小结：animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从 一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。

只有数字值可创建动画（比如 "margin:30px"）。

字符串值无法创建动画（比如 "background-color:red"）。

注释：使用 "+=" 或 "-=" 来创建相对动画（relative animations）。