アニメーション：フェード要素間の遅延

Question

私はAnimisationを使ってウェブサイト上でアニメーションを作ります。私は様々な遅れの要素を見せたいと思います。

例えば：

element1 - starts at 0ms 
element2 - starts at 1000ms 

マイコード：

<div class="animsition element1">one</div> 
<div class="animsition element2">two</div> 
<script> 
    $(document).ready(function() { 
    var $animsition = $('.animsition'); 
    $animsition.animsition(); 
    }); 
</script> 

あなたは私がanimisitionクラスと各要素のanimisitionを有効$animsition.animsition();を持って見るように。

各要素の遅延をeasly定義するにはどうすればよいですか？

Answer 1

<animation 1>.delay(1000).<animation 2> 

Answer 2

は、実はその溶液を有する：

<div class="animsition one" data-animsition-in-class="fade-in-left-lg"> 
    one 
    </div> 

    <div class="animsition two" data-animsition-in-class="fade-in-right-lg"> 
    two 
    </div> 

    <div class="animsition three" data-animsition-in-class="fade-in-left-lg"> 
    three 
    </div> 

    <script> 
     $(document).ready(function() { 
     $('.one').animsition({onLoadEvent: false, timeout: true, timeoutCountdown: 500}); 
     $('.two').animsition({onLoadEvent: false, timeout: true, timeoutCountdown: 1000}); 
     $('.three').animsition({onLoadEvent: false, timeout: true, timeoutCountdown: 1500}); 
     }); 
    </script> 

Iは、各要素のアニメーションタイプをインラインで定義することができます。しかし、それは私が探しているものではありません。 animsition()は、各要素の属性で機能する必要があります。快適ではありません。

私は一度だけanimsition()関数を呼び出すことをお勧めします（クラスanimsitionの各要素で動作します）。