HTML笔记 ·

jQuery 效果 – 淡入淡出

通过 jQuery,我们可以实现元素的淡入淡出效果。在jQuery中有四个方法,分别是fadeIn(),fadeOut(),fadeToggle(),fadeTo(),下面来分别介绍一个这四个方法的使用以及参数设置。

jQuery fadeIn() 用于淡入已隐藏的元素。也就是说将display为none的元素显示出来,显示过程为淡入效果。调用方法为:(selector).fadeIn(speed,callback);

参数说明:speed---淡入时间,单位为毫秒(可选)。

callback---回调函数,即淡入效果执行完毕之后需要执行的函数(可选)。

jQuery fadeOut() 方法用于淡出可见元素。也就是说将display为显示的元素隐藏,显示过程为淡出效果。调用方法为:(selector).fadeOut(speed,callback);

参数说明:speed---淡入时间,单位为毫秒(可选)。

callback---回调函数,即淡入效果执行完毕之后需要执行的函数(可选)。

jQuery fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。

如果元素已淡出,则 fadeToggle() 会向元素添加淡入效果。

如果元素已淡入,则 fadeToggle() 会向元素添加淡出效果。调用方法:(selector).fadeToggle(speed,callback);

参数说明:speed---淡入时间,单位为毫秒(可选)。

callback---回调函数,即淡入淡出效果执行完毕之后需要执行的函数(可选)。

jQuery fadeTo() 方法允许渐变为给定的不透明度(值介于 0 与 1 之间)。调用方法(selector).fadeTo(speed,opacity,callback);

参数说明:speed---淡入时间,单位为毫秒(必选)。

opacity---透明度(必选)

callback---回调函数,即淡入淡出效果执行完毕之后需要执行的函数(可选)。

参与评论