改变jquery手风琴的颜色

时间:2014-11-06 23:07:50

标签: javascript jquery colors

我有jquery代码,在LIs中生成一个深绿色过渡的光 - 所以第一个LI是浅绿色,它流向最后一个深绿色的LI。

这是实现这一目标的代码:

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 grey?

1 个答案:

答案 0 :(得分: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 + ')');
});