使用jquery一一淡入一些div

Question

我有 8 个 div 。我希望当页面准备好时，每个 div 都会淡入页面，然后是下一个.... 我试过这个，但所有的 div 一起淡入页面。我该怎么做？ 谢谢

 <div class="parts" id="div1">
        <img src="images/home_title.png" alt="" />
 </div>
 <div class="parts" id="div2">
       <img src="images/call_title.png" alt="" width="150px" height="40px" />
 </div>
 <div class="parts" id="div3">
       <img src="images/about_title.png" alt="" width="150px" height="40px" />
 </div>
 <div class="parts" id="div4">
       <img src="images/about_title.png" alt="" width="150px" height="40px" />
 </div>
 <div class="parts" id="div5">
       <img src="images/about_title.png" alt="" width="150px" height="40px" />
 </div>
 <div class="parts" id="div6">
       <img src="images/about_title.png" alt="" width="150px" height="40px" />
 </div>
 <div class="parts"  id="div7">
    <img src="images/about_title.png" alt="" width="150px" height="40px" />
 </div>
 <div class="parts" id="div8">
    <img src="images/about_title.png" alt="" width="150px" height="40px" />
 </div>

和jquery：

  $(document) .ready(function(){
     $(".parts").each(function(){
         $(this).fadeIn();
     });
  });

Answer 1

试试这个

$(".parts").each(function(index) {
    $(this).delay(400*index).fadeIn(300);
});

DEMO

或

$('.parts').each(function(i) {
    $(this).hide().delay(i * 3500).fadeIn(1500);
});

DEMO