如何使用 JavaScript 淡入/淡出 HTML DIV 容器？

【问题标题】：How to fade in/out an HTML DIV container using JavaScript?如何使用 JavaScript 淡入/淡出 HTML DIV 容器？
【发布时间】：2010-10-14 20:36:19
【问题描述】：

我有一个带有id="myDiv" 属性+值的 DIV 容器。我想平滑地淡入/淡出它。

我是否必须使用计时器创建某种运行循环，然后修改 DIV 的不透明度值？

jQuery 适合这类东西吗？

【问题讨论】：

【解决方案1】：

jQuery 有fadeIn 和fadeOut 方法来创建渐变效果。例如，您可以在 div 上像这样使用它们：

$('#myDiv').fadeOut('slow');

或者您也可以使用animate 方法并为其指定opacity 选项以创建淡入淡出效果。

也不要忘记fadeTo 方法:)

【讨论】：

【解决方案2】：

jQuery 是完美的。

$('#myDiv').fadeOut();

【讨论】：