jQuery的滑块的颜色选择器/滑块以更改背景

Question

我试图做的事：

降低滑块的温度值，我需要圆圈代表明星逐渐增加，改变背景颜色为这个链接：http://astro.unl.edu/naap/hr/animations/hrExplorer.html

但我的代码是没有这样做.....请参阅从$线（ “＃s_tem”）滑块（{ 见我的代码：http://jsfiddle.net/NxNXJ/19/

谢谢..

Answer 1

你是分配变量ch osenColor值如下：＃597459745974

哪些是无效的CSS颜色属性。

[编辑]下面是一些代码，应该让你去：

$("#s_tem").slider({ 
    change: function(event, ui) 
    {  
     var hexValue = ui.value.toString(16).toUpperCase(); 
     if (hexValue.length < 2) hexValue = "0" + hexValue; 

     var chosenColor = NumberToHexColor(hexValue); 

     $('#t_tem').val(chosenColor); 
     $("#star").css('background-color', chosenColor); 

    }, 
    value: 5800, 
    min: 2300, 
    max: 40000, 
    step: 100, 
}); 

function NumberToHexColor(Number) 
{ 
    var HexColor = '' + Number; 
    while (HexColor.length < 6) 
    { 
     HexColor = '0' + HexColor; 
    } 

    return '#'+ HexColor; 
}