在两个滑块手柄之间更改轨迹颜色
在两个滑块手柄之间更改轨迹颜色
提问于 2012-08-15 23:36:59
我正在使用Script.aculo.us Slider.js显示双滑块。它工作得很完美。我想要做的是更改颜色，使其仅在这两个滑块之间跟踪。
例如，如果第一个滑块的值为5，第二个滑块的值为8。我希望5-8的轨迹是绿色的，其余的是灰色的。来模拟选定范围的king。
有可能吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-08-16 17:07:03
我已经弄清楚了，可以通过使用两个选项属性startSpan和endSpan来实现。
也许它对其他人有用，我在这里粘贴示例HTML片段和javascript
<div id="slider-week-track">
<div id="span1" style="float:left;background-color: #B7C0CD; height: 11px;"></div>
<div class="slider-week slider-min" id="slider-week-min-handle"></div>
<div class="slider-week slider-max" id="slider-week-max-handle"></div>
<div id="span2" style="float:right;background-color: #B7C0CD; height: 11px;"></div>
</div>和javascript
new Control.Slider(this.options.handles, 'slider-week-track', {
range:$R(0,10, false),
sliderValue: [1,5],
values: [0,1,2,3,4,5,6,7,8,9,10],
restricted: true,
startSpan: 'span1',
endSpan: 'span2',
onChange: function(val) {
//your code here
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11972442
复制相关文章
相似问题
腾讯云开发者
