一、介绍

这种滑动获取值得方式在表单中比较流行，html5表单也增加了新的方法 type=range，但是这个貌似不是很好看。今天介绍一个滑动数值的插件

二、代码

                $('.single-slider').jRange({
                    from: 0,
                    to: 100,
                    step: 1,
                    scale: [0, 25, 50, 75, 100],
                    format: '%s',
                    width: 300,
                    showLabels: true,
                    showScale: true
                });

html代码如下：

            <div class="demo">
                <input type="hidden" class="single-slider" value="23" />
                <button id="g1">获取值</button>
            </div>