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---回调函数，即淡入淡出效果执行完毕之后需要执行的函数（可选）。