Question

我试图以一种幻想的方式改变渐变背景的颜色（颜色会变得很奇怪）

我在下面编写了代码，但我不明白为什么我根本无法改变背景颜色。

var start1 = [0,216,255];
var start2 = [50,255,224];
setInterval(function (){
    $("body").css("background", "-webkit-gradient(linear, 0% 0%, 100% 0%, from(rgb("+start1[0]+", "+start1[1]+", "+start1[2]+")), to(rgb("+start2[0]+", "+start2[1]+", "+start2[2]+")));");
    start1[0] = checknumber(start1[0]+1);
    start1[1] = checknumber(start1[1]+1);
    start1[2] = checknumber(start1[2]+1);
    start2[0] = checknumber(start1[0]+1);
    start2[1] = checknumber(start1[1]+1);
    start2[2] = checknumber(start1[2]+1);
},100);

我没有得到任何错误，背景只保持白色。我猜它会比我想象的要复杂一点

checknumber()函数只检查数字是否大于255-如果是，则重置为0。

Answer 1

你在寻找这样的东西：

http://jsfiddle.net/4nuhpmov/

问题是你的CSS语法，我想你可能一直在使用旧的引用。

我按如下方式更改了CSS操作JavaScript：

false

我还加了一个学位计数器。

这可能不是最好的方法，但它应该让你开始（我不认为它像你期望的那样幻想/疯狂，但你可以玩这些值）。< / p>

您可以使用以下链接查找最新语法：

https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient

改变渐变背景的颜色（Chrome）

1 个答案: