在窗口加载时逐渐淡化元素

Question

我希望按照代码顺序淡化具有某个类的div,每个淡入淡出可能在最后一个之后250毫秒,给人一种逐渐加载页面的印象.

我立刻就褪色了......

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

但是我不知道我在哪里循环通过每个DIV并在另一个完成时淡入它.

有人能指出我正确的方向!？

任何建议赞赏!

Answer 1

这会使所有div都消失,每个div都有250ms的延迟.我建议每次最多将淡入淡出时间减少到2秒,4秒似乎太长了并且可能会让人烦恼;-)

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