自动爆炸文本Jquery Jsfiddle

时间:2012-12-10 21:47:35

标签: javascript jquery animation text

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

}​

1 个答案:

答案 0 :(得分:2)

我认为您希望在没有单击的情况下调用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/