自动化爆炸文本 Jquery Jsfiddle

【问题标题】：Automate Exploding Text Jquery Jsfiddle自动化爆炸文本 Jquery Jsfiddle
【发布时间】：2012-12-10 21:47:35
【问题描述】：

如何让这个动画自动生成？

我对这一切都很陌生，因此非常感谢任何帮助！

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

}

【问题讨论】：

你想自动发生什么？没有点击？像这样 > jsfiddle.net/dNXVx/479
看看jQuery的ready方法。
@Vega 正是如此，但不重复。谢谢！

标签： javascript jquery animation text

【解决方案1】：

我认为您希望无需单击即可调用 animate 函数。如果是这种情况，您可以直接调用该函数或使用计时器来获得效果。见下文，

像下面这样改变跨度，

<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/

【讨论】：