Question

我需要淡入10个子弹点，我已经将它们全部列为清单项，颜色需要在红色和蓝色之间交替返回和第四个。我已经达到了淡入的速度，但是不能通过一种方式来切换颜色以使其淡入。加上它会变得更加吸气！一旦消失，他们需要变黑！

var $ul = $('ul');
var $lis = $('.green-bullets');
var $red = $('ul li.red');
var $blue = $('ul li.blue');

$($lis).hide();


var i = 0;
 (function bulletFadein() {
    $lis.eq(i++).fadeIn('slow', bulletFadein);
 })();

Answer 1

这很简单。

首先，如果您需要向li添加转换。这可以通过两种方式实现。

li{
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

或

2

    .class{
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s;
    }

其中class是应用于特定li代码的类。

其次，javascript。交替的代码是：

    var liList = document.getElementsByClassName("class"); //Where class is the class of the li's.
    for(var i = 0; i < liList.length; i++){
        if(i & 1){
            liList[i].style.color = "#FF0000"; //Red
        }else{
            liList[i].style.color = "#0000FF"; //Blue
        }
    }

一旦褪色就把它改成黑色：

    ...FADING CODE...
    ...ALTERNATION CODE...
    setTimeout(function(){
        for(var i = 0; i < liList.length; i++){
            liList[i].style.color = "#000000";  //Black
        }
    },600);

第一部分正在做什么（交流发电机）使用索引通过.class类，如果索引是偶数，则将颜色设置为蓝色，否则将其变为红色。 / p>

第二部分正在做的是simmilar，但是一旦实际淡入完成（600ms之后），将所有文本更改为黑色。

使用li的转换，这将是顺利的。

用其他颜色淡化li

1 个答案: