曼谷因美食网

搜索

您的当前位置：首页 javascript弹出一个层并增加一个覆盖层_javascript技巧

javascript弹出一个层并增加一个覆盖层_javascript技巧

来源：曼谷因美食网

代码如下:

function ShopConfirm(str){
var ShopConfirmLayer=document.getElementById("ShopConfirmLayer");
var webBgLayer=document.getElementById("webBgLayer");
ShopConfirmLayer.innerHTML=str;
ShopConfirmLayer.style.display="";
ShopConfirmLayer.style.left=parseInt((document.documentElement.scrollWidth-ShopConfirmLayer.offsetWidth)/2)+document.documentElement.scrollLeft+"px";
ShopConfirmLayer.style.top=Math.abs(parseInt((document.documentElement.clientHeight-ShopConfirmLayer.offsetHeight)/2))+document.documentElement.scrollTop+"px";
webBgLayer.style.display="";
webBgLayer.style.height=document.documentElement.scrollHeight+"px";
}
function CloseShopConfirm(){
var ShopConfirmLayer=document.getElementById("ShopConfirmLayer");
var webBgLayer=document.getElementById("webBgLayer");
ShopConfirmLayer.style.display="none";
webBgLayer.style.display="none";
}

注意上面的代码头部DTD应该是这样：
代码如下:

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<head> 
 <title>Untitled</title> 
</head>

<body style="height:100%;">

fdasfsdfadf

fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf

fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf

fdasfsdfadf 
<input name="button2" onclick="ShopConfirm('fdsaf')" value="点我" type="button"/>

fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf

fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf

fdasfsdfadf

fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf

fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf

fdasfsdfadf

fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf

fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf

fdasfsdfadf

fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf

fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf

fdasfsdfadf

fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf

fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf 
<input name="button" onclick="ShopConfirm('fdsaf')" value="点我" type="button"/>

fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf
fdasfsdfadf

<input name="button1" value="关闭" type="button" onclick="CloseShopConfirm()"/> 
 
 
 
 
 function ShopConfirm(str){ 
 var ShopConfirmLayer=document.getElementById("ShopConfirmLayer"); 
 var webBgLayer=document.getElementById("webBgLayer"); 
 // ShopConfirmLayer.innerHTML=str; 
 ShopConfirmLayer.style.display=""; 
 ShopConfirmLayer.style.left=parseInt((document.documentElement.scrollWidth-ShopConfirmLayer.offsetWidth)/2)+document.documentElement.scrollLeft+"px"; 
 ShopConfirmLayer.style.top=Math.abs(parseInt((document.documentElement.clientHeight-ShopConfirmLayer.offsetHeight)/2))+document.documentElement.scrollTop+"px"; 
 webBgLayer.style.display=""; 
 webBgLayer.style.height=document.documentElement.scrollHeight+"px"; 
 } 
 function CloseShopConfirm(){ 
 var ShopConfirmLayer=document.getElementById("ShopConfirmLayer"); 
 var webBgLayer=document.getElementById("webBgLayer"); 
 ShopConfirmLayer.style.display="none"; 
 webBgLayer.style.display="none"; 
 } 
</ script> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

Copyright © 2019- manguyin.com 版权所有

违法及侵权请联系：TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务