2014-11-06 31 views
0

我有jQuery代码,可以在LIs中生成一个暗绿色转换的光 - 所以第一个LI是浅绿色,并且它流向最后一个深绿色的LI。在jQuery中更改颜色accordian

这是实现此操作的代码:

var _gStart  = 167, 
_gEnd = 70, 
_bStart  = 70, 
_bEnd = 30; 

$(".accordion li .text").each(function(index){ 
var _g = Math.round(_gStart - (index * ((_gStart - _gEnd)/(_length - 1)))); 
var _b = Math.round(_bStart - (index * ((_bStart - _bEnd)/(_length - 1)))); 
$(this).children('a').css('background-color','rgb(0,' + _g + ','+ _b + ')'); 
}); 

谁能帮助把颜色从白色渐变到灰色的?像#dddddd灰色?

回答

0

由于白色是255,255,255,因此您需要对其进行修改以增加r(红色)值,并为灰色提供适当的最终值。

var _rStart = 255, 
    _gStart = 255, 
    _bStart = 255, 
    _rEnd = 215, 
    _gEnd = 215, 
    _bEnd = 215; 

$(".accordion li .text").each(function(index){ 
    var _r = Math.round(_rStart - (index * ((_rStart - _rEnd)/(_length - 1)))); 
    var _g = Math.round(_gStart - (index * ((_gStart - _gEnd)/(_length - 1)))); 
    var _b = Math.round(_bStart - (index * ((_bStart - _bEnd)/(_length - 1)))); 
    $(this).children('a').css('background-color','rgb(' + _r + ',' + _g + ','+ _b + ')'); 
}); 
+0

那么这是美丽的。谢谢你的工作! – asinc 2014-11-06 23:25:18