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

Question

我找到了这个小提琴（不是我），并试图弄清楚如何改变它，以便在页面加载时，页面上的所有文本都会发生这种效果，而不是单击文本时发生的效果。谢谢！

这是小提琴的代码：

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 - 在这种情况下，给文本的跨度一个 idxplod

2 - 调用which 是一样fx("#xplod")的$(function() { })$(document).ready()