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>