javascript - 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()ループは非常に混乱を招く可能性があるため、組み込み関数を使用することは、新しいプレーヤーにとってより適しています。