随机动画个别字母

我有一句话，我使用jquery刻字分成单个字母。随机动画个别字母

后，它的处理看起来像标记这样

<div id="tagline"> 
<p> 
<span class="char1">w</span> 
<span class="char2">e</span> 
<span class="char3"> </span> 
<span class="char4">c</span> 
<span class="char5">o</span> 
</p> 
</div>

等等等等

所以我不知道我怎么去有一个随机的信得到每一个动画设定的时间间隔。

像一秒钟之后，也许“C”淡出和，然后“W”不说等等等等

所有帮助感激！谢谢！

来源

2013-01-08 Jesper Ong

要做点什么以设定的间隔，使用，嗯，setInterval :)

要选择一个随机的孩子，使用Math.random：

var letters = tagline.children(); 

setInterval(function() { 
    letters.eq(Math.random() * letters.length | 0).fadeOut(500).fadeIn(500); // Or something 
}, 1000);

来源

2013-01-08 05:28:16 Ryan

好的，我添加了var tagline = $（“＃tagline p”）;它上面。它仍然没有工作。我错过了什么吗？对不起，我代码不太好 –

@JesperOng：你可以制作一个[jsFiddle]（http://jsfiddle.net/）来显示问题吗？ – Ryan

http://jsfiddle.net/yNZft/ –

确保您的跨度EL的设置为 - 不透明度： 0;

$('#tagline span').each(function(index) { 
    $(this).delay(200*index).animate({'opacity' : '1'}, 250); 
});

来源

2014-12-15 17:41:07 user3748995

随机动画个别字母

回答

相关问题