HTML - 按值確定的字體顏色

如何設置字體顏色由使用HTML和/或CSS封裝的文本的值決定。封閉文本被限制爲整數值。期望的效果類似於heat map。HTML - 按值確定的字體顏色

一個可能的解決方案是這樣的：

<FONT COLOR=function> 1 </FONT> 
<FONT COLOR=function> 100 </FONT>

其中，「功能」將解析：什麼我想

<FONT COLOR="red"> 1 </FONT> 
<FONT COLOR="green"> 100 </FONT>

來源

2012-11-26 Ocasta Eshu

據我所知，僅使用HTML和/或CSS就無法做到這一點。但使用JavaScript（jQuery）它肯定可以完成。或者，如果可以的話，您可以使用服務器語言（例如PHP），並在輸出前準備輸出。 – Nikola

使用jQuery像下面這樣可滿足您的需求（基於這是你試圖解釋）：

$('font').each(function() { 
    var value = $(this).text(); 
    var colorVal; 
    // determine your color 
    $(this).attr('color', colorVal); 
});

但我會建議使用類或因爲您建議使用的HTML已被棄用。

來源

2012-11-26 07:04:29

HTML - 按值確定的字體顏色

回答

相關問題