自動化爆炸文本Jquery Jsfiddle

Question

http://jsfiddle.net/doktormolle/dNXVx/

如何自動生成此動畫？

我對這一切都很陌生，所以任何幫助都非常感謝！

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

}​ 

Answer 1

我想你想被稱爲動畫功能，無需點擊..如果是這樣的話，你可以直接調用功能或使用計時器的作用。見下文，

變化跨度如下圖所示，

<span id="animateMe">click here</span> 

而且裏面的文件準備好fx低於這個腳本，

直接呼叫：

$(function() { 
    fx('#animateMe'); 
}); 

定時器（後2秒）

$(function() { 
    setTimeout(function() { 
    fx('#animateMe'); 
    }, 2000); //2000 milli seconds = 2 secs 
}); 

http://jsfiddle.net/dNXVx/483/