用jQuery从字母制作波浪

Question

我正在尝试使用jQuery及其名为lettering.js的插件来悬停字母，这些插件跨越元素的每个字母。
This is what I tried to do [http://jsbin.com/ezuze])
我是newb并尝试使用for循环，但失败了:(。任何人都知道如何实现这一目标？

Answer 1

animate()功能使用不正确（demo）

$(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()功能对于新玩家来说更好，因为循环可能会让人感到困惑。