td上的动态背景色,基于文本值

Question

我试图在td的某个范围内创建动态背景颜色.此颜色必须基于td内的值.

例如:

<tr>
<td>40%</td>
<td>70%</td>
<td>30%</td>
</tr>

假设0%颜色为:#ff0000,100%颜色为:#00ff00

对于包含40%值的表格单元格,我希望背景颜色为#ff0000和#00ff00之间范围的40%.

这样,所有单元格将根据它们包含的文本值具有自定义背景颜色.

有线索吗？

Answer 1

像Colorjizz库这样的声音可以帮到你.

http://code.google.com/p/colorjizz/

@Mikee如何使用的示例(请参阅注释):

$(function (){
    var colors = new Hex(0xFF0000).range(new Hex(0x00FF00), 100, true);
    $("table tr td:first-child").each(function (){
        $(this).parent().css({
        'background-color' : '#'+colors[parseInt($(this).text())].toString()
        });
    });?
});