现在的位置: 首页 > web前端 > 正文

原生JavaScript遮罩

2019年11月12日 web前端 ⁄ 共 932字 ⁄ 字号 评论关闭

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

抱歉!评论已关闭.