jQuery 效果 – 淡入淡出

在 jQuery 中，您可以使用以下方法来实现元素的淡入淡出效果：

1. fadeIn() 方法：

用于将已隐藏的元素淡入显示。

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

• speed（可选）：动画持续时间，可以是 "slow"、"fast" 或以毫秒为单位的数值。
• callback（可选）：动画完成后执行的回调函数。

示例：

$("#myElement").fadeIn("slow");

这将使 #myElement 元素在 600 毫秒内淡入显示。

2. fadeOut() 方法：

用于将可见的元素淡出隐藏。

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

示例：

$("#myElement").fadeOut(1000);

这将使 #myElement 元素在 1000 毫秒内淡出隐藏。

3. fadeToggle() 方法：

用于在 fadeIn() 和 fadeOut() 之间切换元素的显示状态。

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

示例：

$("#myElement").fadeToggle();

如果 #myElement 当前是可见的，则会淡出隐藏；如果当前是隐藏的，则会淡入显示。

4. fadeTo() 方法：

用于将元素的透明度渐变到指定值。

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

• opacity：目标透明度值，范围从 0（完全透明）到 1（完全不透明）。

示例：

$("#myElement").fadeTo("slow", 0.5);

这将使 #myElement 元素在 600 毫秒内淡化到 50% 的透明度。

更多关于 jQuery 淡入淡出效果的详细信息，请参考 菜鸟教程。