jQuery 动画介绍

1、基本动画

• show( [duration], [easing ], [complete] )：显示元素方法
• hide([duration], [easing ], [complete])：隐藏元素方法
• toggle([duration], [easing ], [complete])：切换元素方法，显示的切换为隐藏，隐藏的切换为显示

2、滑动动画

• slideDown( [duration ] [, easing ] [, complete ] )：向下滑动显示元素
• slideUp( [duration ] [, easing ] [, complete ] )：向上滑动隐藏元素
• slideToggle( [duration ] [, easing ] [, complete ] )：上下滑动之间来回切换显示与隐藏元素

3、淡入淡出动画

• fadeIn( [duration ] [, easing ] [, complete ] )：淡入（显示）
• fadeOut( [duration ] [, easing ] [, complete ] )：淡出（隐藏）
• fadeTo( duration, opacity [, easing ] [, complete ] )：设置元素的透明度
• fadeToggle( [duration ] [, easing ] [, complete ] )：淡入、淡出之间来回切换

参数含义：

• duration：三种预定速度之一的字符串（“slow”、“normal”、“fast”）、或表示动画时长的毫秒数值（如1000）
• opacity ：一个0到1之间表示透明度的数字
• easing：用来指定切换效果，默认是"swing"（摆动），还可以使用"linear"（恒定速度）
• complete：在动画完成时执行的函数，每个元素执行一次