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; 
    }); 
}