定义
animate()方法执行CSS属性集的自定义动画,通过css样式将元素从一个状态改变为另一个状态。逐渐改变,形成动画。
只有数字值可以创建动画,字符串值无法创建动画(如:background-color:red)
使用”+=”或”-=”创建相对动画
用法
语法1
$(selector).animate(styles,speed,easing,callback)
- styles:css样式
- speed:动画速度,默认(normal)
数值(毫秒),”slow”,”normal”,”fast” - easing:在不同的动画点中设置动画速度的easing函数
swing,linear - callback:animate函数执行完后,要执行的函数
语法2
$(selector).animate(styles,options)
- options:规定动画的额外选项。
speed - 设置动画的速度
easing - 规定要使用的 easing 函数
callback - 规定动画完成之后要执行的函数
step - 规定动画的每一步完成之后要执行的函数
queue - 布尔值。指示是否在效果队列中放置动画。如果为 false,则动画将立即开始
specialEasing - 来自 styles 参数的一个或多个 CSS 属性的映射,以及它们的对应 easing 函数