jQuery滑动选取数值范围插件—range刻度值

所属分类:表单类

 667次|    7次   点击收藏(2)

jQuery滑动选取数值范围插件—range刻度值

一、介绍

这种滑动获取值得方式在表单中比较流行,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>

0 条评论
不想登录?直接点击发布即可作为游客留言。
关于前端资源库

前端资源库是haorooms博主平时积累的前端资源,大部分来源于互联网。但经过博主调试和加工,集聚了博主的心血。

因此,资源库所有资源,仅供学习和参考,切勿下载下来用于商业用途或者转卖。转载请注明来自haorooms博客资源库!

联系方式
关键词搜索