用 jQuery 从字母中产生波浪答案

【问题标题】：Making waves from letters with jQuery用 jQuery 从字母中产生波浪
【发布时间】：2012-05-10 03:22:53
【问题描述】：

我正在尝试使用 jQuery 及其名为 lettering.js 的插件从悬停时的字母中产生波浪，该插件跨越元素的每个字母。
This is what I tried to do [http://jsbin.com/ezuze])
我是新手并尝试使用for 循环，但失败了:(。任何人都知道如何做到这一点？

【问题讨论】：

你能改进你的问题吗？目前尚不清楚您想要达到什么目标或迄今为止取得了什么成果。
@NathanTaylor：单击链接并向 OP 解释为什么他的代码被破坏了。这是一个相当普遍的问题。
@Blender 做我的客人。我只是想鼓励他提出更好的问题。 :\
好吧，我可以看到您使用i*100 的一个问题。读一读，它是 javascript stackoverflow.com/questions/750486/… 中更精细的细节之一

标签： javascript jquery wave

【解决方案1】：

animate() 函数使用不正确 (demo)

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

});

并且不需要循环，除非您想在初始悬停时为所有跨度设置动画。

【讨论】：

【解决方案2】：

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

使用内置的.each() 函数更适合新玩家，因为循环会变得相当混乱。

【讨论】：