Jquery（05）Jquery 动画

一、基本效果

1、.show()：显示匹配元素

• .show()
• .show( [duration ] [, complete ] )
• .show( options )
• .show( [duration ] [, easing ] [, complete ] )

2、.hide()：隐藏匹配的元素。

3、.toggle()：显示或隐藏匹配元素。

• .toggle( [duration ] [, complete ] )
• .toggle( options )
• .toggle( [duration ] [, easing ] [, complete ] )
• .toggle(display)

二、滑动

• .slideDown()：用滑动动画显示一个匹配元素。
• .slideToggle()：用滑动动画显示或隐藏一个匹配元素。
• .slideUp()：用滑动动画隐藏一个匹配元素。

三、渐变

• .fadeIn()：通过淡入的方式显示匹配元素。
• .fadeOut()：通过淡出的方式隐藏匹配元素。
• .fadeTo()：调整匹配元素的透明度。
• .fadeToggle()：通过它们的不透明度动画，显示或隐藏匹配的元素。

四、自定义

• .animate()：执行一个CSS属性设置的自定义动画。
• .delay()：设置一个延时来推迟执行队列中后续的项的执行。
• .stop()：停止匹配元素当前正在运行的动画。
• .finish()：停止当前正在运行的动画，删除所有排队的动画，并匹配元素完成所有的动画。
• .queue()：显示或操作匹配的元素上已经执行的函数列队。
• .dequeue()：执行匹配元素队列的下一个函数。
• .clearQueue()：从列队中移除所有未执行的项。

五、设置

• jQuery.fx.interval：该动画的频率（以毫秒为单位）。
• jQuery.fx.off：全局的禁用所有动画。
• jQuery.speed：创建一个包含一组属性的对象，准备用于定义自定义动画。