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

我找到了（不是由我发现的），并试图找出如何修改它，以便在页面加载时，该效果不会发生在单击文本时，而是发生在页面上的所有文本上。谢谢

下面是小提琴上的代码：

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);

}

函数fx（o）
{
var$o=$（o）；
$o.html（$o.text（）.replace（/（[\S]）/g，$1'）；
$o.css（'position'，'relative'）；
$（'span'，$o）.stop（）.css（{位置：'relative'，
不透明度：0，
尺寸：84，
顶部：函数（i）{return Math.floor（Math.random（）*500）*（（i%2）？1:-1）；}，
左：函数（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>

点击这里

这是一把小提琴，在负载上工作：

我是怎么做到的

1-为带有文本的跨度指定一个id，在本例中为

xplod

2-在

$（function（）{}）

上调用

fx（“#xplod”）

，其与

$（document）.ready（）

相同，如下所示：