Animate.css - 滑動進出的動畫文本

我想實現有三個單詞分開滑入和滑出的單詞。因此，第一個單詞滑入和滑出，然後第二個單詞滑入和滑出等。Animate.css - 滑動進出的動畫文本

我該如何做到這一點？

HTML：

<p class="fp-animated-subheadline animated"></p>

JS：

var texts = ['Bloggers', 'Entrepreneurs', 'Companies']; 


    (function() { 
     texts.forEach(animateFunction); 
    })(); 


    function animateFunction(item, index) { 
     $('.fp-animated-subheadline').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() { 

      $('.fp-animated-subheadline').html(item); 
      $('.fp-animated-subheadline').delay(200).removeClass('fadeInDown'); 
      $('.fp-animated-subheadline').addClass('fadeOutDown'); 
     }); 
    }

來源

2016-05-26 Torben

我這個試了一下你不能使用延遲Animate.css作爲jQuery只使用延遲它的動畫。你必須使用隊列系統或SetInterval – GaijinJim

@GaijinJim你有一個使用aninmate.css的例子嗎？ – Torben

試試這個jQuery插件與Animate.css WOW-JS 沿着他們有一個偉大的文檔也：Wow-Docs

來源

2016-05-26 18:28:54

Animate.css - 滑動進出的動畫文本

回答

相關問題