原生JavaScript遮罩

2022-10-13,

/*
适用原生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);

《原生JavaScript遮罩.doc》

下载本文的Word格式文档,以方便收藏与打印。