用 jQuery 从字母中产生波浪

Posted 2023-02-25

【中文标题】用 jQuery 从字母中产生波浪

【英文标题】：Making waves from letters with 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 ***.com/questions/750486/…

中更精细的细节之一

【参考方案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() 函数更适合新玩家，因为循环会变得相当混乱。