jQueryを使用してフェードディビジョン

Question

私は3つのdivを持つコンテナを持っています。私のドキュメントの準備が整ったら、各要素が異なるスピードでフェードインされるように、0から100までスムーズに行く不透明度はjqueryで可能ですか？

おかげ

Answer 1

jQueryの要素の不透明度をアニメーション化するための方法が組み込まれています：fadeIn

あなたの要件ごとミリ秒でフェードインの時間を指定することができます。

id、クラス、またはマークアップごとに必要なコンテナを選択し、fadeInメソッドを呼び出します。

$('#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何をやっていることだと思います。英語イム申し訳ありませんブラジル

注：「速い」と「遅い」は、例として、あなたが望む任意のミリ秒のために変更することができるの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; 
    }); 
}