jQuery.range双滑块范围选择基于jquery的双滑块范围选择插件jquery.range.js
效果（颜⾊默认为绿⾊，这⾥我改了本地的css⽂件）：
1.⾸先载⼊jquery以及range插件相关⽂件：
<link rel="stylesheet" href="range.css">
<script src="jquery.js"></script>resume distinctive
jquery下载文件进度条
java程序设计教程笔记<script src="range.min.js"></script>
2.然后在需要展⽰滑块的地⽅放⼊下⾯代码（这⾥设置默认范围值为 0,80 ）：
<input type="hidden" value="0, 80" id="range"  class="slider-input"/>
3.在js中写⼊下⾯部分：
$('.slider-input').jRange({
函数全局变量from: 0,      //滑块范围的初始值
to: 80,        //滑块范围的终⽌值
savedatastep: 1,      //设置步长
scale: [0,20,40,60,80], //滑动条下⽅的尺度变标签
format: '%s',    //数值格式
width: 300,    //进度条的宽度
showLabels: true,    //是否显⽰滑动条下⽅的尺⼨标签
showScale: false,    //是否显⽰滑块上⽅的数值标签
isRange: true,      //是否为选取范围
onstatechange: function(e){    //滑块范围改变时触发的⽅法
console.log(e);
buffer在生物里什么意思
}
});
$('.slider-input').jRange('setValue', '25, 50');  //滑块赋值
上⾯的设置在⽂档中也有详细的描述，基本都可以满⾜我们的需求

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。