Question

我正在使用animation.css和jquery创建一个slideInleft动画，以便内容进入并保持然后slideOutleft然后我希望内容从右边进入我的意思是slideInright并保持几秒钟然后slideOutRIght。这种影响应该持续发生。我正在尝试这个但是有些不对劲。要从左侧动画开始，我已经编写了这样的代码

var txt = Data;
    function AnimateOneByOne()
    {   
        if( xCnt < txt.length && txt[xCnt].value){
        $("#value").empty().append(txt[xCnt].value.toFixed(2)+" "+txt[xCnt].units).addClass('slideInLeft',

          function(){ AnimateOneByOne() });
        $("#text").empty().append(txt[xCnt].name).addClass('slideInLeft',

          function(){ AnimateOneByOne() });
        }
        xCnt += 1; 
    }

    AnimateOneByOne();

Answer 1

确保您拥有要为动画通用类设置动画的元素：＆＃34;动画＆＃34;特定动画的类，如：＆＃34; slideInLeft＆＃34;。所以最后看起来像这样：

'<div class="animated slideInLeft">I am animated</div>

如果您已经使用了jQuery，可以使用＆＃34; addClass＆＃34;轻松完成此操作。

 $(this).addClass('animated ' + animationName);

Animation.css类无法正常工作

1 个答案: