前端遮罩层实现_【Javascript Demo】遮罩层和弹出层简单实现

遮罩层和弹出层简单实现

functionshow() {vardiv=document.createElement("div");vardiv_show=document.getElementById("div_show");

div.style.width=Math.max(document.documentElement.scrollWidth, document.documentElement.clientWidth)+ "px";

div.style.height=Math.max(document.documentElement.scrollHeight, document.documentElement.clientHeight)+ "px";

div.style.backgroundColor= "#000000";

div.style.position= "absolute";

div.style.opacity= 0.5;

div.style.left= 0;

div.style.top= 0;

div.id= "zhebiceng";

div.style.zIndex= 100;

top.document.getElementById("div_body").appendChild(div);

div_show.style.display= "block";

}functionplay_show() {vardiv=top.document.getElementById("zhebiceng");vardiv_show=document.getElementById("div_show");

div_show.style.display= "none";

div.style.display= "none";

div.parentNode.removeChild(div);

}