遮罩和锁定按钮

在项目中有很多地方会用到遮罩和按钮锁定，我这边直接上代码了，直接拷贝用就行了；

一.遮罩

需要注意的是这几个参数的意思：RGB Red Green Bule 3色!及212, 0, 0 三色的值混合 .最后一个参数 0.5 是指的透明度 1表示不透明

<div id="zhezhao"  style="background-color:rgba(90, 90, 90, 0.1);position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;display:none" >
<div style="margin-left: 5%;height:100%;margin-top: 10%">
</div>
</div>

function zhezhao(){
document.getElementById('zhezhao').style.display = "block";
}
function jiesuo(){
document.getElementById('zhezhao').style.display = "none";
}

二.按钮锁定

1、

function zhezhao(){
document.getElementById('zhezhao').style.display = "block";
}
function jiesuo(){
document.getElementById('zhezhao').style.display = "none";
}

 

2、

如果你使用JS

<input type="button" name="sub" value="提交" onclick="dosubmit(this)"/> 
<script type="text/javascript">   
    function dosubmit(button) {    
        button.disabled = true;           
    }
</script>

3、

如果你使用Jquery
$("按钮ID或CLASS").html("正在提交注册信息，请稍等...");//修改按钮为文字
或者
$("按钮ID或CLASS").attr("disabled","true");//禁用按钮