拖动滑块区间免费素材下载 jQuery插件jRange滑块拖动选值

资源魔 74 0

明天给各人分享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、傲游、世界之窗,是一款没有错的的殊效源码!

标签: jQuery jquery幻灯片代码 jquery导航 jQuery插件jRange

抱歉,评论功能暂时关闭!