3

こんにちは、3 つ以上の div を含む div を持つサイトがあります。私の div id (id="linguetta_next") は動的です: その中に div 以上のものを動的に追加します。メイン div (linguetta_next) への div がカスケードに表示されるようにします。最初に表示され、最後に 2 番目が表示され、最後に 3 番目が表示されます。

これは私のhtmlです：

<div id="linguetta_next">
                <div class="linguetta" id="linguetta_next1" style="margin-left:1%;">
                    <p class="tit_linguetta">azienda</p>
                </div>
                <div class="linguetta_small" id="linguetta_next2" style="margin-left:10%; margin-top:10px;">
                    <p class="tit_linguetta_small">staff</p>
                </div>
                <div class="linguetta_small" id="linguetta_next3" style="margin-left:10%; margin-top:10px;">
                    <p class="tit_linguetta_small">risorse umane</p>
                </div>
             </div>

このモードで試してみましたが、このモードで同時に表示されます。どうすればカスケード効果を出すことができますか?

function moveDiv(){
var menu2=$(".colCenter").find('#linguetta_next');
menu2.css('right',-300).css('position','absolute').css('z-index',1000);
menu2.animate({left:0}, 1000 );
}
4

3 に答える 3

2

.animate()カスケード効果を作成するにはコールバックが必要になるため、jQuery を使用してアニメーション効果を使用します。コールバックは、最初のアニメーションがアニメーションの時間とともに完了した後にのみ呼び出されます (オプション)。お気に入り：

$('#linguetta_next1').animate(function() {
    // do animation stuff
} , 1000, function() {
    // callback - effect to do after first is complete
});
于 2012-09-06T08:31:32.460 に答える