1

我正在尝试重现我们的朋友@Dr 的效果。Molle 在此链接上告诉我们。我有一个这样的div:

<div id="start_palmira">
    <span>Palmira Interiores</span>
</div>

我想在窗口加载时重现。我们的朋友向我们介绍了该特定 div 的 onclick 事件,而我正在尝试在页面的onload事件上执行此操作。

我用jquery试过这个:

/* Start animation */
$("#start_palmira").ready(
    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);
});

在 - 的里面

$(document).ready(function()  { ... things happening .... });

方法。但如果我这样做,我的浏览器不会加载,最后它要求我停止让我的浏览器运行缓慢的脚本。

我还想在 body 的onload事件上触发该事件,但我对如何处理有疑问。

注意: 这是我们朋友的 div 的 onclik 事件的链接。我希望它是一个 onload 事件:onclick 事件!

4

1 回答 1

2

我想你想要这样的东西:http: //jsfiddle.net/dNXVx/288/

有负载

如果您想在整个页面上应用此事件,请注意这部分:

var $o=$('span');

这部分可帮助您获取要设置动画的文本。

于 2012-06-23T09:29:16.233 回答