Question

我找到了this fiddle（不是我），并试图弄清楚如何改变它，以便在点击文本时发生效果，而不是在页面上的所有文本上发生效果，页面加载。谢谢！

以下是小提琴的代码：

function fx(o)
{
  var $o=$(o);
      $o.html($o.text().replace(/([\S])/g,'<span>$1</span>'));
      $o.css('position','relative');
      $('span',$o).stop().css({position:'relative',
                               opacity:0,
                               fontSize:84,
                               top:function(i){return Math.floor(Math.random()*500)*((i%2)?1:-1);},
                               left:function(i){return Math.floor(Math.random()*500)*((i%2)?1:-1);}

                       }).animate({opacity:1,fontSize:12,top:0,left:0},1000);

}

页面上有一个div：

<div style="padding:200px;"><span onlick="fx(this)">click here</span></div>

Answer 1

这有关于负载的小提琴：

JSFiddle

我是如何工作的？

1 - 为文本提供带有id的范围，在本例中为xplod

2 - 在fx("#xplod")上拨打$(function() { })，与$(document).ready()

相同

寻找一种方法来使这个JS效果适用于我的页面上的所有文本，在加载时

1 个答案: