jQuery 效果 - 淡入淡出

使用 jQuery，您可以使元素淡入淡出可见性。

单击淡入/淡出面板

示例

jQuery 淡入()
演示 jQuery fadeIn() 方法。

jQuery 淡出()
演示 jQuery fadeOut() 方法。

jQuery fadeToggle()
演示 jQuery fadeToggle() 方法。

jQuery fadeTo()
演示 jQuery fadeTo() 方法。

jQuery 淡入淡出方法

使用 jQuery，您可以淡入淡出元素的可见性。

jQuery 有以下淡入淡出方法：

• fadeIn()
• fadeOut()
• fadeToggle()
• fadeTo()

jQuery fadeIn() 方法

jQueryfadeIn()方法用于淡入隐藏元素。

语法：

可选的速度参数指定效果的持续时间。它可以采用以下值："slow"、"fast" 或毫秒。

可选的回调参数是淡入淡出完成后要执行的函数。

下面的例子演示了fadeIn()不同参数的方法：

jQuery fadeOut() 方法

jQueryfadeOut()方法用于淡出可见元素。

语法：

可选的速度参数指定效果的持续时间。它可以采用以下值："slow"、"fast" 或毫秒。

可选的回调参数是淡入淡出完成后要执行的函数。

下面的例子演示了fadeOut()不同参数的方法：

jQuery fadeToggle() 方法

jQueryfadeToggle()方法在之间切换fadeIn()和fadeOut()方法。

如果元素淡出，fadeToggle()会使它们淡入。

如果元素淡入，fadeToggle()会使它们淡出。

语法：

可选的速度参数指定效果的持续时间。它可以采用以下值："slow"、"fast" 或毫秒。

可选的回调参数是淡入淡出完成后要执行的函数。

下面的例子演示了fadeToggle()不同参数的方法：

jQuery fadeTo() 方法

jQueryfadeTo()方法允许淡入淡出到给定的不透明度（0 到 1 之间的值）。

语法：

所需的速度参数指定效果的持续时间。它可以采用以下值："slow"、"fast" 或毫秒。

所需的不透明度参数fadeTo()方法指定淡入给定的不透明度（0 到 1 之间的值）。

可选的回调参数是函数完成后要执行的函数。

下面的例子演示了fadeTo()不同参数的方法：

jQuery 练习

$("div").();

jQuery 效果参考

有关所有 jQuery 效果的完整概述，请访问我们的jQuery 效果参考。