0

同じクラス「.tile」のボックスが 10 個あり、ドキュメントが読み込まれたときに実行される jquery コードを作成しました。

HTML :

<li>
    <a class="tile" href="#dev">
        <div class="boximg"></div>
        <div class="boxttl">
            <span class="engttl">Develope Your Mobile</span>
            <span class="fattl">آموزش و توسعه موبایل</span>
        </div>
    </a>
</li>

Jクエリ:

function func2($this) {
    if ($(this).find('.engttl').length)
        $this = this;

    if ($($this).attr('_to_animate') != 'true')
        return;

    $($this).find('.engttl').delay(2000).animate({marginTop:"-23px"},1100,'easeOutExpo',function(){
        var $this2 = this;
        setTimeout(function(){
            $($this2).animate({marginTop:"0"},1100,'easeOutExpo',function(){
                setTimeout(function(){ func2($this); },1500);
            });
        },1500);
    });
}
$('.tile').each(function(){
    $(this).attr('_to_animate', 'true');
    func2(this);
});

期待どおりにうまく動作しますが、各「.tile」間でアニメーションをランダム化するにはどうすればよいですか? 私のコードでは、ドキュメントの読み込み後、すべての「.tile」のアニメーションが同時に表示されますが、各「.tile」のアニメーションを別々の時間に個別に表示したいと考えています。誰かがそれを行う方法を知っていれば幸いです? ..

4

1 に答える 1

1

あなたの代わり.delay(2000)に.delay(Math.random() * 2000 + 1000)

2000 と 1000 の値により、合計で 1000 から 3000 ミリ秒の遅延が発生します。への呼び出しでパラメータを使用する必要はありませんrandom()。

于 2013-01-29T13:54:07.893 に答える