0

jquery animate 関数を使用して、コンテンツ div 内のブロックを移動しています。基本的な構造は次のとおりです。

<div class="content">
  <div>block 1</div>
  <div>block 2</div>
  <div>block 3</div>
</div>

私のjs：

//main menu clicked:    
    $('#nav').children().click(function(e){
        e.preventDefault();
        var current = $('.selected').index();
        var clicked = $(this).index();
        if(current != clicked){

        if (current < clicked) {
            clickedLeft = 1400
            currentLeft = -1400
            $('#content-'+clicked).css('left', clickedLeft);
        } else {
                clickedLeft = -1400
                currentLeft = 1400
                $('#content-'+clicked).css('left', clickedLeft);
            }

        $('#content-'+current).animate({left: currentLeft}, 1500, 'easeInOutSine', function(){ $('#content-'+current).hide(); });
        $('#content-'+clicked).show().animate({left: 0}, 1500, 'easeInOutSine');


        }
    });

特定のメニュー リンクをクリックすると、対応する div が中央に移動し、中央にある div が反対側に移動します。すべて正常に動作していますが、私のブロックには img p li などのさまざまな要素があるため、それらの要素を異なる速度で移動したいと考えています。出来ますか？または、ブロックの各要素を個別にアニメーション化する必要がありますか? 要素はデータベースから取得されるため、各要素にアニメーションを与えることはできません。そのため、常に同じ要素が表示されるとは限りません。

実際の例: dida.uz

4

1 に答える 1

0

さまざまなアニメーションを div に割り当てる必要がありますが、以前は、限られた時間内に必要な量のアニメーションを計算する必要がありました。これにより、適切な速度が得られ、すべてのアニメーションが同時に終了し、最高のエクスペリエンスが得られました。

もちろん、サンプルコードは高く評価されます。

于 2013-01-08T20:17:39.107 に答える