Создание волн из писем с помощью jQuery

Question

Я пытаюсь создавать волны из букв при наведении курсора, используя jQuery и его плагин lettering.js, который охватывает каждую букву элемента.
Это то, что я пытался сделать [http://jsbin.com/ezuze])
Я новичок и пытался использовать for цикл, но не удалось:(. Кто-нибудь знает, как это сделать?

Answer 1

animate() функция используется неправильно ( демо)

$(function() {
  $('h1').lettering();
  $('h1 span')
    .css('position','relative')
    .hover(function(){
      $(this).animate({ top:'10px' }, 100);
    }, function(){
      $(this).animate({ top: 0 }, 100);
    });

});

И никакой цикл не требуется, если только вы не хотите анимировать ВСЕ пролеты при первом наведении.

Answer 2

http://jsbin.com/ezuzep/4/edit

Использование встроенного .each() функция лучше для новых игроков, так как циклы могут быть довольно запутанными.