一个有趣的小问题...
尝试遍历段落(单词)的子项并逐个着色。
这是一个硬编码的工作版本,其中包含单独元素中的单词:http: //jsfiddle.net/JjRHT/25/
使用
window.setInterval(function(){
$(".item:nth-child(1)").css("color", "#FFFFFF");
}, 1000);
只是为了展示我正在尝试的东西......显然不是要走的路!
所以 - 我可以选择一个段落的每个孩子吗?以及如何正确执行循环-稍有延迟...
史蒂文
编辑:
我找到了一个 jquery插件,它可以将文本拆分为非常适合 css 的单词:
<p class="word_split">Don't break my heart.</p>
<script>
$(document).ready(function() {
$(".word_split").lettering('words');
});
</script>
这将产生:
<p class="word_split">
<span class="word1">Don't</span>
<span class="word2">break</span>
<span class="word3">my</span>
<span class="word4">heart.</span>
</p>