jquery-淡入淡出效果

先来个效果图:
jquery-淡入淡出效果_第1张图片

jquery.fadeIn() / jquery.fadeOut()
可以实现页面元素的淡入、淡出效果
语法:
$(selector).fadeIn(speed,callcack);
$(selector).fadeOut(speed,callcack);
(可选) speed 参数规定等待效果的时长,可取下列值:"slow"、"fast" 或毫秒
(可选) callback 参数是 fading 完成后执行的函数名称

jquery.fadeToggle()
综合fadeIn()和fadeOut()效果,切换效果,参数释义同上
语法:
$(selector).fadeToggle(speed,callcack);
jquery.fadeTo()
元素渐变为指定透明度
语法:
$(selector).fadeToggle(speed,callcack);
(必需) speed 参数规定等待效果的时长,可以取以下值:"slow"、"fast" 或毫秒
(必需) opacity 参数将淡入淡出效果设置为给定的不透明度( 0 与 1 之间)
(可选) callback 参数是该函数完成后所执行的函数名称。

实例代码(效果如前图):












这里是一个动态的段落

你可能感兴趣的:(jquery)