我需要根据值(在 html 中设置)更改 li 的不透明度。
所以,这里是 html 的示例:
<ul>
<li class="test">3</li>
<li class="test">23</li>
<li class="test">6</li>
<li class="test">9</li>
<li class="test">11</li>
<li class="test">16</li>
<li class="test">19</li>
</ul>
因此,最高值 (23) 的不透明度为 100%,而下一个最高值 (19) 的不透明度较低,依此类推。
最低值应为 10%。
我可以完成所有我只是在努力计算的 JavaScript。有没有人知道如何解决这个问题?
最佳答案
如果最高不透明度为 100%,最低为 10%,那么这就是您想要的:
- 确定最大值。称之为最大。
- 确定最小值。称之为分钟。
- 为每个值分配不透明度
(10 + ((value - min)/(max - min)) * 90)
百分比。
更一般地说,如果最高不透明度为 X
,最低为 Y
,则公式为 (Y + ((value - min)/(最大值 - 最小值)) * (X - Y))
。
关于javascript - 从一组数字中计算百分比,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13729396/