在 HTML 上类似 Windows 规模

Similar Windows scale on HTML

我正在尝试获取与 Windows 中的类似的秤项目。

然而我在网上搜索的所有内容都只涉及缩放 div、图像等

我想要的是这个刻度,每次移动它的值都会改变。

有人知道如何实现吗?

您的 <input type="range"> 现在得到了广泛的支持 (http://caniuse.com/#search=range)。

this的使用如下: 您需要指定从最小值到最大值的值范围,如下所示:

<input type="range" min="0" max="100">

此外,如果您希望用户获得准确的值,我强烈建议您将值写成javascript。而且,如果这是为了缩放目的,您甚至可以定义一个 step 属性,例如,它以 25 为间隔。

编辑:如果您需要更广泛的支持(主要是 8 和 9),您需要使用其他工具,例如 jquery ui 或制作您自己的幻灯片。