Jquery 在窗口加载时逐渐淡入元素

我希望在div中以代码顺序淡入某个类，每次淡入可能比最后一次慢250毫秒，给人一种逐渐加载页面的印象

我是如此的遥远，因为我一下子就淡忘了一切

$(window).load(function(){ 
   $('div.fade_this_please').fadeIn(4000);
});

但我不确定我将在哪里循环浏览每个DIV，并在另一个DIV完成时淡入淡出

有人能给我指出正确的方向吗

任何建议，谢谢

试试看

$('div.fade_this_please').fadeIn(4000).delay(250);

或

---

您可以遍历它们并在fadeIn之前设置延迟：

---

这会使所有div淡入视野，每个div都有250ms的前进延迟。我建议将每次的淡入淡出时间减少到最多2秒，4秒似乎太长了，可能会让人恼火-

$(window).load(function() {
   $('div').each(function(i) {
      $(this).delay((i + 1) * 250).fadeIn(2000);
   });
});

$(window).load(function(){
   var delay = 0;
   $('div.fade_this_please').each(function(){
      $(this).delay(delay).fadeIn(4000);
      delay += 250;
   });
});

$(window).load(function() {
   $('div').each(function(i) {
      $(this).delay((i + 1) * 250).fadeIn(2000);
   });
});