简单的jQuery将单词的颜色一次查询为蓝色

simple jQuery to the color of the word to blue one at a time

本文关键字：一次 查询 蓝色 jQuery 单词 颜色 简单      更新时间：2023-10-06

我的简单来源是

$lol = $(".lol");
$lol.each( function(index) {    $(this).delay(200*index).css("color", "blue");  }   );

Fiddle在这里

http://jsfiddle.net/ra53Lzhw/

我试着把每个单词的颜色一次一个地改成蓝色。我该怎么做？

我怎么能做到这一点，让它逐渐改变，而不是突然变成蓝色？非常感谢Stack Overflow！！

类似这样的东西：

$lol = $(".lol");
$lol.each( function(index) {    
  $(this).delay(200 * index).queue(function(next) {
    $(this).css("color", "blue");
    next();
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class=lol> Div One </div>
<div class=lol> Div Two </div>
<div class=lol> Div Three </div>
<div class=lol> Div Four </div>

看看这把小提琴。

基本上，您使用setInterval和jQuery选择器逐行为文本行着色。

var hnd = setInterval ( function () {
    $(".lol:not(.blu):first")
        .addClass("blu")
    ;
}, 2000);
setTimeout ( function () { clearInterval(hnd);                
$(".lol").removeClass("blu"); }, 10000 );

css子句：

.blu { color: blue; }
相关文章：