1

私たちの友人 @Dr の効果を再現しようとしています。モールはこのリンクで教えてくれました。私はこのような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 イベントにしたい: onclick イベント!

4

1 に答える 1

2

私はあなたがこのようなものが欲しいと思います: http://jsfiddle.net/dNXVx/288/

オンロードで

このイベントをページ全体に適用する場合は、次の部分に注意してください。

var $o=$('span');

この部分は、アニメーション化するテキストを取得するのに役立ちます。

于 2012-06-23T09:29:16.233 に答える