Показать сообщение отдельно
  #1 (permalink)  
Старый 02.06.2012, 10:39
Кандидат Javascript-наук
Отправить личное сообщение для jeysmook Посмотреть профиль Найти все сообщения от jeysmook
 
Регистрация: 24.04.2012
Сообщений: 118

Помогите с анимацией =)
есть логотип , который состоит из отдельных букв , нужно чтобы буквы поднимались вверх и опускались после поднятия, но каждая по очереди. За ранее спасибо!
---------------------------------------------------------------------------

$('.block-logo img').each(function(){
		var id = $(this).attr('id');
		var speed = id*100;
		$(this).stop().animate({marginTop:'-20px'},speed).animate({marginTop:'0'},'slow');;
});


HTML
<div class="block-logo">
<img src="img/logo/1.png" id="1" />
<img src="img/logo/2.png" id="2" />
<img src="img/logo/3.png" id="3" />
<img src="img/logo/4.png" id="4" />
<img src="img/logo/5.png" id="5" />
<img src="img/logo/6.png" id="6" />
<img src="img/logo/6.png" id="7" />
<img src="img/logo/7.png" id="8" />
</div>
Ответить с цитированием