JS+DIV+CSS实现类似邮件发送时的蒙板效果

在onsubmit事件里直接调用下面这个函数即可，某些细节可自行调整

 

function dispProcessing()
{
    document.body.style.cursor='wait';
    var div = document.createElement("div");
    div.innerHTML = "<br><center><font color="white">正在提交数据，请稍候！</font></center>";
    div.style.background = "666666";
    div.style.filter = "alpha(Opacity=100)";
    div.style.width = "300px";
    div.style.height = "80px";
    div.style.lineHeight = "30px";
    div.style.position = "absolute";
    div.style.top = document.body.clientHeight/2-30;
    div.style.left = document.body.clientWidth/2-100;
    div.style.zIndex = 101;
    document.body.appendChild(div);
    
    var div1 = document.createElement("div");
    var w, h;
    with(document.body){
        if (scrollWidth<clientWidth){
            w = clientWidth;
        }else{
            w = scrollWidth;
        }
        if (scrollHeight<clientHeight){
            h = clientHeight;
        }else{
            h = scrollHeight;
        }
    }
    div1.style.background = "black";
    div1.style.filter = "alpha(Opacity=20)";
    div1.style.position = "absolute";
    div1.style.top = "0";
    div1.style.left = "0";
    div1.style.width = w+"px";
    div1.style.height = h+"px";
    div1.style.zIndex = 100;
    document.body.appendChild(div1);
    
    div1.focus();
    
    var sels = document.getElementsByTagName("SELECT");
    for(var i=0; i<sels.length; i++){
        sels[i].style.visibility = "hidden";
    }
}