jQuery实现滑块拖动选值插件jRange免费下载

【资源属性】:
资源名称:jQuery实现滑块拖动选值插件jRange
资源大小:49KB
资源类别: js框架jQuery
更新时间:2022-12-20
资源语言:简体中文
授权方式:免费下载
使用平台:Windows/Linux/Mac
下载地址:下载地址

资源介绍:

 今天给大家分享jQuery实现滑块拖动选值插件jRange,jRange是一款jQuery滑块拖动选值、区间范围选值插件,可设置最大值和最小值,通过滑块拖动选择区间范围数值。

js代码

  <script src="jquery.range.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('.single-slider').jRange({
                from: -2.0,
                to: 2.0,
                step: 0.5,
                scale: [-2.0,-1.0,0.0,1.0,2.0],
                format: '%s',
                width: 300,
                showLabels: true,
                snap: true
            });
            $('.range-slider').jRange({
                from: 0,
                to: 100,
                step: 1,
                scale: [0,25,50,75,100],
                format: '%s',
                width: 300,
                showLabels: true,
                isRange : true
            });
        });
    </script>

感兴趣的朋友可以查看效果演示,也可以下载源码,此段代码适用于任何浏览器:搜狗、360、FireFox(建议)、Chrome、Safari、Opera、傲游、世界之窗,是一款不错的的特效源码!

资源标签: 滑块拖动选值 jRange 滑块插件 jquery