-1

我找到了这个小提琴(不是我),并试图弄清楚如何改变它,以便在页面加载时,页面上的所有文本都会发生这种效果,而不是单击文本时发生的效果。谢谢!

这是小提琴的代码:

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

1 回答 1

0

有这个在负载上工作的小提琴:

JSFiddle

我是如何得到这个工作的?

1 - 在这种情况下,给文本的跨度一个 idxplod

2 - 调用which 是一样fx("#xplod")$(function() { })$(document).ready()

于 2013-04-29T22:09:49.317 回答