建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

范围滑块JS插件nouislider

来源:易助科技网浏览量:15收藏

简介


noUiSlider 是一个轻量级的 JavaScript 范围滑块库。它提供了多种选择的选项和设置,并且能够和很多设备(触屏)兼容,包括 IOS, Android,Windows 8 和 Windows Phone 8。


范围滑块JS插件nouislider-示例图



使用


1.  引入文件 nouislider.js


2.  HTML


<div id="slider"></div>


3.  调用


var slider = document.getElementById('slider');
noUiSlider.create(slider, {
  start: [20, 80],
  connect: true,
  range: {
    'min': 0,
    'max': 100
  }
});



相关链接


官网地址 :https://refreshless.com/nouislider/

GitHub 地址 :https://github.com/leongersen/noUiSlider