jQuery自定义滑块插件

使用方法

1.引入必要文件

<link rel="stylesheet" href="./css/slider.css">
<script src="./js/jquery-1.11.0.min.js"></script>
<script src="./js/slider.js"></script>

2.HTML上使用,此处列举部分代码


<div class="slider-range-package slider1">
</div>

<div class="slider-range-package slider2">
</div>

<div class="slider-range-package slider3">
</div>

3.实现

<script>
    // 值会绑定到 data-sliderValu
    // 默认
    $('.slider1').slider();

    // 最大最小值改变
    $('.slider2').slider({
        minValue: 0,
        maxValue: 180
    });

    // 设置初始值
    $('.slider3').slider({
        minValue: 0,
        maxValue: 100,
        initValue: 60
    });
</script>
更新时间 2020-05-21 11:33:12,本资源已通过Awesomes审核检验,请放心使用!
如下载遇到问题,请联系客服解决
下载地址
此插件下载需要0A币,请登录后进行下载。
请文明评论,与人为善,比聪明更重要!
评论