Инкрементальное затухание элементов при загрузке окна

Question

Я рассчитываю постепенно исчезать в делениях с определенным классом в порядке кодирования, причем каждое исчезновение может произойти через 250 мс после последнего, создавая впечатление постепенной загрузки страницы.

Я так далеко, чтобы исчезнуть во всем сразу ...

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

но я не уверен, где я собираюсь циклически проходить через каждый DIV и постепенно увеличивать его, когда другой завершен.

Может кто-нибудь направить меня в правильном направлении!?

Любой совет приветствуется!

Answer 1

Это приводит к исчезновению всех делений, каждое с длительной задержкой 250 мс. Я бы рекомендовал сократить время затухания до 2 секунд для каждого при максимуме, 4 секунды кажутся слишком длинными и, вероятно, будут раздражать людей; -)

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

Answer 2

Вы можете перебирать их и устанавливать задержку перед fadeIn():

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

Answer 3

попробуйте с

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

или

jQuery(function($){
var e = $('div.fade_this_please'); 
e.fadeIn(); 
e.queue(function(){ 
  setTimeout(function(){ 
    e.dequeue(); 
  }, 250 ); 
}); 
});

ссылка