如何接近创建视觉温度计

Posted 2023-02-22

【中文标题】如何接近创建视觉温度计

【英文标题】：How to approach creating a visual thermometer

【发布时间】：2011-12-28 02:23:04

【问题描述】：

我的页面中有一个input 框，它代表疾病温度计的值。我想添加一个视觉温度计，这样当用户输入一个值时，一个加载条来填充温度计，如果值很大，温度计的颜色会改变它的颜色。

我发现了这个：

http://www.fundraiserinsight.org/thermometer/

但它是从0开始的，也是静态的。

【问题讨论】：

很高兴知道您面临什么问题？

您使用什么标记，您尝试过什么 javascript？您研究了哪些内容以及您的实施过程中出了什么问题？

【参考方案1】：

一个想法可能是一个滑块和一个改变颜色的温度计。类似http://jsfiddle.net/VNjVv/ ('run')

【参考方案2】：

您可以做的是根据捐赠水平显示与您引用的温度计 html 示例不同的图像。并且，使图像变大。抱歉，我没有发布完成此任务的实际代码；-)