jQuery Fade-In OnLoad?

时间:2011-10-22 17:02:35

标签: javascript jquery html css onload

好的我正在寻找的是一个简短/简单的脚本,它允许我替换DIV名称,这样一旦加载(包括其中的图像),我就可以在页面上有多个div。

有什么想法吗?

谢谢!

2 个答案:

答案 0 :(得分:18)

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

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

http://jsfiddle.net/5td73/

答案 1 :(得分:2)

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

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