文章目录

jQuery fade方法fadeIn() 方法fadeOut() 方法fadeToggle() 方法fadeTo() 方法

jQuery fade方法

通过 jQuery中的几个fade方法，各位读者可以实现元素的淡入淡出效果。 jQuery中存在以下种4种 fade 方法： fadeIn() fadeOut() fadeToggle() fadeTo()

fadeIn() 方法

该方法用于淡入已经隐藏的元素。 基本语法：

$(selector).fadeIn(speed,callback);

同上节中介绍的隐藏显示的语法类似： speed 参数规定效果的时长。它可以取以下值：“slow”、“fast” 或毫秒。 callback 参数是 fading 完成之后执行的函数名称。 这些基本语法大同小异，如无特别参数，大家以此为例即可，下面几例同样如此。 下面让我们通过一段实例代码来演示带有不同参数的fadeIn() 方法：

演示带有不同参数的 fadeIn() 方法。





fadeOut() 方法

fadeOut()方法用于淡出可见元素。 下面同样是一段实例代码演示：

演示带有不同参数的 fadeOut() 方法。





fadeToggle() 方法

fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。 如果元素已淡出，则 fadeToggle() 会向元素添加淡入效果。 如果元素已淡入，则 fadeToggle() 会向元素添加淡出效果。

演示带有不同参数的 fadeToggle() 方法。





fadeTo() 方法

fadeTo() 方法可以渐变为设定的不透明度（值介于 0 与 1 之间）

$(selector).fadeTo(speed,opacity,callback);

fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）。 下面的例子将为各位读者演示带有不同参数的 fadeTo() 方法：

演示带有不同参数的 fadeTo() 方法。





精彩文章

评论可见，请评论后查看内容，谢谢！！！评论后请刷新页面。