带重力感应的吊带式js滑块插件

创客云

使用方法

在页面中引入下面的文件。

  1. <link rel="stylesheet" href="./src/style.css">
  2. <script src="src/verly.bundle.js"></script>
  3. <script src="./src/VerlyRange.js"></script>

HTML结构

  1. <label class="slidecontainer">
  2.   <span>My Slider</span>
  3.   <input class="slider" id="my-slider" type="range" min="1" step="0.01" max="100" value="20" />

初始化插件

  1. // id, color
  2. VerlyRange('my-slider', '#655ecf');

Github网址:https://github.com/anuraghazra/VerlyRangeSlider

演示地址 免费下载
本文由 CityMall 整理发布如需转载,请注明出处:https://www.22vd.com/49986.html
云模板

发表评论