textillate文本动画重复文本一行一行

Question

我想使用 textillate

一个接一个地展示我的两个文字动画

$(function(){
//   loop: true, in: {}, out: {}
//      .textillate({ minDisplayTime:10000,initialDelay: 100, loop: true, in: { effect: 'bounceInUp' },out: { delay: 3, effect: 'lightSpeedOut' }});      
$('.text1')
.textillate({ minDisplayTime:1000,initialDelay: 0,  in: { effect: 'flipInX' }, out :{  delay: 3, effect: 'lightSpeedOut'} });

$('.text2')
.textillate({ minDisplayTime:1000, loop: false, initialDelay: 7000, in: {effect: 'flipInX', shuffle: false }, out :{  delay: 10, effect: 'lightSpeedOut'} });

});

Answer 1

您可以使用以下标记为文本列表设置动画：

<h1 class="tlt">
    <ul class="texts">
        <li>Some Title</li>   
        <li>Another Title</li>
    </ul>
</h1>

这是你想要达到的效果吗？

http://jsfiddle.net/jschr/9dKum/