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()函数会更好，因为循环会变得非常混乱。