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

Question

我正在尝试这样做：

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

但我的代码没有这样做......查看行来自$("#s_tem").slider({ 查看我的代码： http://jsfiddle.net/NxNXJ/19/

谢谢..

Answer 1

您正在分配变量 selectedColor 值，例如： #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;
}