站长技术网

首页 > 网页特效 > jquery特效 >

jQuery自定义拖动滑块选值插件

一款兼容性很强的jQuery自定义拖动滑块选值插件,支持设置默认值,最大最小值。
jQuery自定义拖动滑块选值插件
js代码
<script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script src="./js/slider.js"></script>
<script>
    // 值会绑定到 data-sliderValue
    // 默认
    $('.slider1').slider();
 
    // 最大最小值改变
    $('.slider2').slider({
        minValue: 0,
        maxValue: 180
    });
    // 设置初始值
    $('.slider3').slider({
        minValue: 0,
        maxValue: 100,
        initValue: 60
    });
</script>