音量控制组件,可滑动、点击操作。
ENGLISH
VolumeControl 基于JS开发的可对音量值大小的拖动(支持手机端)、点击设置音量的插件 传入标签ID及设置音量的回调方法来获取设置后的音量值。 js引入方式则需注掉export default 等导出方法。 import 引入需使用export 导出使用。 使用方法<body> <span class="volume_bar"> <div id="scrollBar" class="scrollBar"> <div class="bar"></div> <div class="mask"></div> </div> </span> </body> <style> //样式不再展示 </style> <script src="./volumeControl.js" ></script> <script> function getVolumeVal(value){ console.log('组件设置的值:',value) } const volumeControl = new VolumeControl("scrollBar",getVolumeVal) //设置音量的百分比 volumeControl.setVolumeVal(50) </script> 示例
Demo演示效果请移步Demo文件夹
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。