如何使用 JavaScript 淡入/淡出 HTML DIV 容器?
我有一个带有 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
jQuery 有
fadeIn
和fadeOut
方法来创建淡入淡出效果。例如,您可以在 div 上像这样使用它们:或者您也可以使用
animate
方法并为其指定opacity
选项以创建淡入淡出效果。不要忘记
fadeTo
方法:)The jQuery has
fadeIn
andfadeOut
methods to create the fading effect. You can for example use them like this on your div:Or you can also use the
animate
method and specify theopacity
option to it to create the fading effect.Not to forget about the
fadeTo
method too :)jQuery 是完美的。
http://api.jquery.com/fadeOut/
http://api.jquery.com/fadeIn/
jQuery is perfect.
http://api.jquery.com/fadeOut/
http://api.jquery.com/fadeIn/