Question

我有ProgressBar.color = function(value, maxVal) { var bcolor; var color; var percentage = (value / maxVal) * 100; //For each percentage, different colors if (percentage >= 0 && percentage < 25) { bcolor = "green"; color = "black"; } else if (percentage >= 25 && percentage < 50) { bcolor = "yellow"; color = "green"; } else if (percentage >= 50 && percentage < 75) { bcolor = "orange"; color = "blue"; } else if (percentage >= 75 && percentage <= 100) { bcolor = "red"; color = "black"; } //Setters $('#bar').css("background-color", bcolor); $('#bar').css("color", color); };根据百分比更改其颜色

-linear-gradient()

但现在我想添加一些渐变效果。我的问题是：

使用变量作为颜色时$('#bar').css("background", "-moz-linear-gradient('bcolor', white, 'bcolor')");的语法是什么？

我有这个，但它不起作用：

UPDATE mytable
SET ipaddress = replace(ipaddress, '192.168.1.1', '192.168.1.2')
WHERE ipaddress LIKE '192.168.1.1%';

Answer 1

您只需将变量连接起来如下：

$('#bar')
    .css("background", "-moz-linear-gradient(" + bcolor + ", white, " + bcolor + ")");
//                                           ^^^^^^^^^^^^^^^        ^^^^^^^^^^^^^^

Answer 2

一种简单的方法是使用字符串连接："-moz-linear-gradient('" + bcolor + "', white, '" + bcolor + "')"

jQuery语法：-linear-gradient（“color”，white），“color”作为变量

2 个答案: