Html
    Css
    Js

    
                        
.btnDiv {
	display:inline-block;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:2.1.4
 立即下载

h5音量调整

本代码使用bootstrap样式,通过调整滑竿,音量大小显示在数字输入框,同时也可以调整输入框,滑杆同步显示。js使用oninput事件,页面用到了H5中表单元素input的两个新属性,type=range和type=number,type=number在浏览器中会自带数字加减控件按钮,在此演示中没有体现出这点。

0