jQuery插件jRange滑块拖动选值 jQuery实现滑块拖动选值插件jRange 下载-脚本之家

热门排行

简介

今天给大家分享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、傲游、世界之窗，是一款不错的的特效源码！