利用jQuery的淡入淡出效果实现

1．jQuery函数fadeIn()--淡入效果

该函数通过不透明度变化实现元素的淡入。其语法形式如下：

fadeIn(speed,[callback]) 

注：speed，三种预定速度之一的字符串（"slow"，"normal"or "fast"）或表示动画时长的毫秒数值（如1000）；callback，在动画完成时执行的函数，每个元素执行一次。

2．jQuery函数fadeOut()--淡出效果

该函数通过不透明度变化实现元素的淡出。其语法形式如下：

fadeOut(speed,[callback]) 

注：speed，三种预定速度之一的字符串（"slow"、"normal"或"fast"）或表示动画时长的毫秒数值（如：1000）；callback，在动画完成时执行的函数，每个元素执行一次。

3．jQuery函数fadeTo()--淡入淡出切换

该函数把所有匹配元素的不透明度以渐进方式调整到指定的不透明度。其语法形式    如下：

fadeTo(speed,opacity,[callback]) 

注：speed，三种预定速度之一的字符串（"slow"、"normal"或"fast"）或表示动画时长的毫秒数值（如1000）；callback，在动画完成时执行的函数，每个元素执行一次；opacity，要调整到的不透明度。

透明度参数为这个函数的第二个参数位置，透明度取值范围在0～1之间，0表示彻底透明，1表示不透明。

打赏

感谢支持与鼓励～