Animate.css - 动画文本滑入和滑出

Question

我希望有三个单词单独滑入和滑出。所以第一个单词滑入和滑出，然后第二个单词滑入和滑出等。

我怎样才能做到这一点？我试着这样做了：

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');
        });
    } 

Answer 1

尝试使用此jQuery插件以及Animate.css WOW-JS 他们还有一份很棒的文档：Wow-Docs