Как сделать появление элементов HTML по очереди?

Question

[Bazhenovdev]

Всем привет! Как сделать появление элементов по очереди? Тоесть.. заходите вы на сайт.. перед вами главный экран, и на нем плавно появляются элементы.. допустим, появился блок с лева, задержка.. через 5 секунд появился блок с права.. через еще 10 секунд появился блок с вверху. И так далее. Подскажите как можно такое сделать? Спасибо!

Answer 1

[Денис]

Вот вам супер-пупер плагин, а дальше - полёт вашей фантазии ))

;(function($){
	$.fn.fadeInDelay = function(){
    	var init = function(){
        	$(this).hide().delay($(this).data('delay')).fadeIn();
        };
    	return this.each(init);
    };
}(jQuery));
$('div').fadeInDelay();

Comments

[greedy_wizard]

подскажите пожалуйста как сделать такую анимацию infinite

Answer 2

[Алексей Николаев]

Дог поможет вам в этом вопросе - просто придется указать несколько data-атрибутов (там написано). Wow, such animation!

Answer 3

[Евгений Конкин]

setTimeout() + animate()