Показать сообщение отдельно
  #2 (permalink)  
Старый 02.06.2012, 11:43
Аватар для walik
Профессор
Отправить личное сообщение для walik Посмотреть профиль Найти все сообщения от walik
 
Регистрация: 09.11.2009
Сообщений: 1,101

<!DOCTYPE HTML>
<html>
  <head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script></head>
  <body>
    <div class="logo">
      <div class="letter">M</div>
      <div class="letter">y</div>
      <div class="letter">L</div>
      <div class="letter">o</div>
      <div class="letter">g</div>
      <div class="letter">o</div>
    </div>
    <style>
      .letter {display: inline-block; position: relative;}
    </style>
    <script>
      function move() {
      	$(this).animate({top: '-10px'}, function() {
          $(this).animate({top: '0px'}, function() {
          	move.call($(this).next('.letter'));
          });
        });
      }
      
      move.call($('.letter').eq(0));
    </script>
  </body>
</html>
__________________
"Всегда пишите код так, будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете."
Мой сертификат :-D клацай
Ответить с цитированием