-1

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

}​
4

1 に答える 1

2

クリックせずにアニメーション関数を呼び出したいと思います..その場合は、関数を直接呼び出すか、タイマーを使用して効果を得ることができます。下記参照、

以下のようにスパンを変更します。

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

于 2012-12-10T21:53:44.493 に答える