在页面中引入下面的文件。
<link rel="stylesheet" href="./src/style.css">
<script src="src/verly.bundle.js"></script>
<script src="./src/VerlyRange.js"></script>
带重力感应的吊带式js滑块
HTML结构
<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>
初始化插件
// id, color
VerlyRange('my-slider', '#655ecf');
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jQuery