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

发布于 2024-09-27 16:17:26 字数 133 浏览 1 评论 0原文

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

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

jQuery 非常适合这种事情吗?

I have an DIV container with an id="myDiv" attribute+value. I'd like to fade this in/out smoothly.

Would I have to create some sort of run loop with an timer and then modify the opacity value of the DIV?

Is jQuery perfect for this kind of stuff?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

ㄟ。诗瑗 2024-10-04 16:17:26

jQuery 有 fadeInfadeOut 方法来创建淡入淡出效果。例如,您可以在 div 上像这样使用它们:

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

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

不要忘记 fadeTo 方法:)

The jQuery has fadeIn and fadeOut methods to create the fading effect. You can for example use them like this on your div:

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

Or you can also use the animate method and specify the opacity option to it to create the fading effect.

Not to forget about the fadeTo method too :)

月朦胧 2024-10-04 16:17:26

jQuery 是完美的。

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

http://api.jquery.com/fadeOut/

http://api.jquery.com/fadeIn/

jQuery is perfect.

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

http://api.jquery.com/fadeOut/

http://api.jquery.com/fadeIn/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文