jQuery动画

2019-06-05

show与hide方法

显示：show（执行速度，[回调函数]）;

隐藏：hide（执行速度，[回调函数]）;

说明：

执行速度有3个默认值"slow"、"normal"、"fast"，对应的速度分别是"0.6秒"、"0.4秒" 、"0.2秒"；也可以直接写入数字，如"3000"表示动画执行速度为3000毫秒。

回调函数在动画完成时执行。

toggle方法

toggle(执行速度，[回调函数]);

切换元素可见状态，即如果是显示状态，则变成隐藏状态；如果是隐藏状态，就变成显示状态。

slideDown与slideUp方法

滑动效果改变元素的高度，即拉窗帘的效果。

slideDown (执行速度，[回调函数]);
以动画效果将所选择元素的高度向下增大，呈现下拉效果，元素的其他属性不变。

slideUp (执行速度，[回调函数]);
以动画的效果将选择元素的高度向上减小。

slideToggle方法

slideToggle(执行速度，[回调函数]);

以动画效果切换所选择元素的高度，即：如果高，则减小；如果低，则增大。

fadeIn与fadeOut方法

fadeIn(执行速度，[回调函数]);
降低所选元素透明度，实现淡入的动画效果。

fadeOut(执行速度，[回调函数]);
提高所选元素透明度，实现淡出的动画效果。

fadeToggle方法

fadeToggle(执行速度，[回调函数]);

调整透明度切换淡入淡出效果

fadeTo方法

fadeTo(执行速度，透明度值,[回调函数]);

将透明度指定到某一值。透明度值范围是0.0(完全透明)～1.0(完全不透明)。

自定义动画

animate ({样式名："值",样式名："值"},执行速度，[回调函数]);

可以使用链接式语法实现队列动画，如.animate().animate()

动画停止和延时

stop(); 停止动画执行。

delay(延迟时间); 设置延时值推迟动画执行。