javascript - 自动化爆炸文本 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/