jQuery滑块与背景颜色范围

我已经看过很多类似于我的问题，但我没有明确地看到我的问题。我想要做的是有一个单一的手柄滑块，但在后台的滑块范围有一个目标范围用绿色（或任何其他颜色）指示。理想情况下，你也可以在目标外面有一些指示边界情况的出血颜色。我想象它太像这样：jQuery滑块与背景颜色范围

enter image description here

2012-09-05 ken

你有两个选择：

1）创建一个图像，并把它作为滑块的背景。

2）在滑块体内嵌入一些div，然后根据需要设计它的样式。 http://jsfiddle.net/6Whzm/1/

2012-09-05 22:05:57 Nal

好的，这是非常有帮助的。在我的情况下，我会有一些“标记”，其中每个标记由一个滑块表示，每种类型的范围（最小，最大），步进频率以及建议的范围将由数据驱动。您的示例是以比基础数字系统为基础的百分比进行展示位置。我是否需要将此工具逆向工程化以使其工作？ – ken

这可能是更好的解决作为一个单独的问题，但有可能有值显示为刻度标记（如我上面的插图），最好有最低和最高（也许位数）数字键 – ken

@ken滑块自己处理定位使用百分比，所以我会建议做相同的大多数相关的风格。显示刻度标记不是滑块本身的一部分;只需在滑块下方有一个单独的图像并设置滑块“step”选项即可。 – Nal

回答