1、基本
- show( [speed, [easing], [fn]] )
- hide( [speed, [easing], [fn]] )
- toggle( [speed, [easing], [fn]] )
- 参数都可以省略, 无动画直接显示。
- speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如:1000)。
- easing:(Optional) 用来指定切换效果,默认是“swing”,可用参数“linear”。
- fn: 回调函数,在动画完成时执行的函数,每个元素执行一次。
2、滑动
- slideDown( [speed, [easing], [fn]] ])
- slideUp( [speed, [easing], [fn]] )
- slideToggle( [speed, [easing], [fn]] )
- 参数都可以省略。
- speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如:1000)。
- easing:(Optional) 用来指定切换效果,默认是“swing”,可用参数“linear”。
- fn: 回调函数,在动画完成时执行的函数,每个元素执行一次。
3、淡入淡出
- fadeIn( [speed, [easing], [fn]] )
- fadeOut( [speed, [easing], [fn]] ])
- fadeToggle( [speed, [easing], [fn]] )
- fadeTo([[speed],opacity,[easing],[fn]])
- 除了 fadeTo() 外,其他方法中的参数都可以省略。
- speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如:1000)。
- easing:(Optional) 用来指定切换效果,默认是“swing”,可用参数“linear”。
- fn: 回调函数,在动画完成时执行的函数,每个元素执行一次。
fadeTo() 方法的参数 opacity ( 0~1之间的数值) 和 speed 必须给定数值。
4、自定义
- animate(params, [speed, [easing], [fn]] )
params: 想要更改的样式属性,以对象形式传递,必须写。 属性名可以不用带引号, 如果是复合属性则需要采取驼峰命名法 borderLeft。其余参数同其他效果方法一样。
- stop()
动画或者效果一旦触发就会执行,如果多次触发,就造成多个动画或者效果排队执行。stop() 方法用于停止动画或效果。stop() 写到动画或者效果的前面, 相当于停止结束上一次的动画。
- delay(duration,[queueName])
设置一个延时来推迟执行队列中之后的项目。duration: 延时时间,单位:毫秒;queueName: 队列名词,默认是Fx,动画队列。