jQuery颜色动画落到“白色”

时间:2016-03-12 18:34:01

标签: javascript jquery css jquery-ui jquery-animate

“红色”和“橙色”之间以及“绿色”和“浅蓝色”两个方向之间存在“间隙”(切换为白色)。

你能解释一下,为什么会这样?

    var colors = ["red", "orange", "yellow", "green", "lightblue", "blue", "purple"];
    var pos = 0;

    switchColor();

function switchColor() {
    $("#sample").animate({color: colors[pos]}, 4000);
    pos++;
    if(colors.length == pos) {
        pos = 0;
        colors.reverse();
    }
    window.setTimeout(function() { switchColor(); }, 1500)
}

https://jsfiddle.net/dw1m021y/1/

1 个答案:

答案 0 :(得分:1)

看起来对animate的调用无法识别orangelightblue,因为如果我用十六进制等值(#ffa500替换值,我会遇到任何问题orange的{​​{1}}和#ADD8E6

如果使用十六进制值的变通方法不适合您的需要,使用jQuery bug tracker报告问题可能是个好主意。

Updated Fiddle