Question

我正在尝试重现我们的朋友@Dr的效果。莫勒告诉我们link。我有这样的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 .... });

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

我还想在事件的 onload 事件中触发事件，但我对如何处理它有疑问。

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

Answer 1

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

on on load

如果您想在整个页面上应用此活动，请注意以下部分：

var $o=$('span');

此部分可帮助您获取要制作动画的文本。

如何在加载页面上重现文本效果

1 个答案: