JQ-animate动画

定义

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 函数