Fade Div使用jQuery

Question

我有一个3 div的容器，当我的文档准备好像每个元素淡入不同的速度，不透明度从0-100顺利，这是可能与jQuery的？

感谢

Answer 1

jQuery的已建成方法动画元素的不透明度：fadeIn

您可以指定以毫秒为单位按您的要求淡出的时间。

根据您的标记和调用fadeIn方法，通过其id，class或任何其他选项来选择所需的容器。

$('#div1').fadeIn(500); 
$('#div2').fadeIn(1500); 
$('#div3').fadeIn(2000); 

Answer 2

jQuery的

$(document).ready(function(){ 

    $('#div1').animate({opacity: '0'},'fast'); 
    $('#div2').animate({opacity: '0'},'slow'); 
    $('#div3').animate({opacity: '0'},1000); 

}); 

我以为是你whant做什么，动画不透明度。遗憾的英语IM巴西

注：“快”和“慢”可以更改您要为例如在DIV＃3

欢呼

Answer 3

我做了一个捣鼓你任何毫秒：

http://jsfiddle.net/6yENB/

Answer 4

HTML：

<div id="divContainer"> 
    <div style="background-color: Red; display: none;"> 
     Red 
    </div> 

    <div style="background-color: Green; display: none;"> 
     Green 
    </div> 

    <div style="background-color: Blue; display: none;"> 
     Blue 
    </div> 
</div> 

的jQuery：

$(document).ready(function() 
{ 
    var count = 1000; 

    $("#divContainer > div").each(function() 
    { 
     $(this).fadeIn(count); 
     count += 1000; 
    }); 
}