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

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

这是一款带重力感应的吊带式js滑块插件。该插件基于verly插件来制作,可以生成带重力感应效果的吊带式滑块特效。

使用方法
在页面中引入下面的文件。

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

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

HTML结构

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

初始化插件

1
2
// id, color
VerlyRange('my-slider', '#655ecf');
温馨提示:此处内容需要评论本文后才能查看。
4

发表评论