音量的控制

在控制音乐的播放时，还有一个比较重要的就是音量，合适的音量才能使用户感觉舒适，下面是我写的一个动态控制音量

Html部分分为一个i标签和上方的移动灰色方块来控制音量

<div class="float-right mr-1 volid">
    <i class="layui-icon" style="font-size:20px;" id="musicvolume" title="音量">&#xe688;</i>
    <div class="volumediv" id="volumediv">
        <span class="adjust" id="adjust"></span>
        <span class="voldiv" id="voldiv"></span>
    </div>
</div>

上方的移动初始是隐藏的，一个点击事件让它显示出来，还有一个便是移动灰色方块方法的调用

//音量点击展开
$("#musicvolume").click(function () {
	$("#volumediv").fadeToggle();
});

//调用鼠标拖动控制音量
fjoiweh();

Fjoiweh方法里面首先选中要拖动的元素-灰色的小方块，然后便是鼠标的拖