jQuery 淡入 OnLoad?

发布于 2024-12-11 18:37:37 字数 105 浏览 0 评论 0原文

好吧,我只是在寻找一个简短/简单的脚本,它允许我替换 DIV 名称,以便我可以在页面上有多个 div 在加载后淡入淡出(包括其中的图像)。

有什么想法吗?

谢谢你!

Okay what I am simply looking for is a short/easy script that will allow me to replace the DIV name so that I can have multiple divs on a page fadein once loaded (including images within them).

Any ideas?

Thank you!

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

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

发布评论

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

评论(2

过度放纵 2024-12-18 18:37:37

给div一个公共类(例如“fade”)并使用类似于此的代码

$(document).ready(function(){
    $(".fade").hide(0).delay(500).fadeIn(3000)
});

http://jsfiddle.net/5td73/

Give the divs a common class (e.g. "fade") and use code similar to this

$(document).ready(function(){
    $(".fade").hide(0).delay(500).fadeIn(3000)
});

http://jsfiddle.net/5td73/

酒中人 2024-12-18 18:37:37

将此代码放入您的 javascript 文件中,为每个要淡入淡出的元素添加 class="fadeOnLoad" 代码,并确保将 display: none 添加到 css您想要在加载时隐藏的任​​何元素:

$(document).ready(function() {
       $('.fadeOnLoad').fadeIn('slow');
);

Put this code in your javascript file, for each element you want to fade it add the class="fadeOnLoad" code and make sure to add display: none to the css for any elements you want to have hidden on load:

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