原生JavaScript遮罩

/*

适用原生JS

*/

function showInfo(info) {

    var zzInfo = info;

    var mask_bg = document.createElement("div");

    mask_bg.id = "mask_bg";

    mask_bg.style.position = "absolute";

    mask_bg.style.top = "0px";

    mask_bg.style.left = "0px";

    mask_bg.style.width = "100%";

    mask_bg.style.height = "100%";

    mask_bg.style.backgroundColor = "white";

    mask_bg.style.filter='alpha(opacity:'+10+')';

    mask_bg.style.opacity = 0.6;

    mask_bg.style.zIndex = 10001;

    document.body.appendChild(mask_bg);

    var mask_msg = document.createElement("div");

    mask_msg.style.position = "absolute";

    mask_msg.style.top = "30%";

    mask_msg.style.left = "25%";

    mask_msg.style.backgroundColor = "black";

    mask_msg.style.color = "white";

    mask_msg.style.border = "#336699 0px solid";

    mask_msg.style.textAlign = "center";

    mask_msg.style.fontSize = "2.1em";

    mask_msg.style.fontWeight = "bold";

    mask_msg.style.filter='alpha(opacity:'+5+')';

    mask_msg.style.padding = "0.5em 3em 0.5em 3em";

    mask_msg.style.zIndex = 10002;

    mask_msg.innerText = ""+zzInfo+"";

    mask_bg.appendChild(mask_msg);

}