本文实例讲述了JS实现的两个滑块区间拖动效果代码。分享给大家供大家参考，具体如下：
网页上的滑块功能如何实现呢？其实用JS就可以，这就是一个网页滑块，两个滑块可以任意拖动，形成一个滑块区间，而且代码兼容IE和其它主流的浏览器，两个滑块确定一个区间范围。
运行效果截图如下：
在线演示地址如下：
http://demo.jb51.net/js/2015/js-hkqj-td-style-codes/
具体代码如下：
js双滑块区间 #range{position:relative;width:148px;height:2px;font-size:0;line-height:0;background:#fff;border:1px inset #9C9B97} #meaBox{position:absolute;width:148px;height:4px;background:#ccc;top:-2px;border:1px inset #9C9B97;border-left:0;border-right:0;} .mea{position:absolute;top:-5px;width:2px;height:10px;border:3px solid #fff;border-top:13px solid #3f8e55;} #mea_l{left:0;} #mea_r{right:0;border-top:13px solid #ff0000;}
希望本文所述对大家Javascript程序设计有所帮助。
