textillate 文本动画逐行重复文本答案

【问题标题】：textillate text animation repeat text line after linetextillate 文本动画逐行重复文本
【发布时间】：2013-07-04 06:49:55
【问题描述】：

我想使用 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'} });

});

【问题讨论】：

标签： jquery animation text jquery-textillate

【解决方案1】：

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

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

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

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

【讨论】：