<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#BgLayer {
background: #939393 none repeat scroll 0 0;
height:100%;
width:100%;
left:0;
top:0;
filter: alpha(opacity=80); /* IE */
-moz-opacity: 0.8; /* Moz + FF */
z-index: 10000;
}
#Layer {
width: 400px;
height: 400px;
margin: -180px 0 0 -170px;
left: 50%;
top: 50%;
position: absolute;
background: #FFF;
z-index: 10001;
border: 1px solid #1B5BAC;
}
</style>
<script type="text/javascript">
/*显示页面*/
function showDiv(id) {
var bg = document.getElementById("BgLayer");
var con = document.getElementById("Layer");
var w = document.documentElement.clientWidth; //网页可见区域宽
var h = document.documentElement.clientHeight;//网页可见区域高
//var w = document.body.scrollWidth; //网页正文全文宽
//var h = document.body.scrollHeight; //网页正文全文高
// alert(w+"-"+h);
bg.style.display = "";
bg.style.width = w + "px";
bg.style.height = h + "px";
con.style.display = "";
}
/*关闭*/
function closeDiv() {
var bg = document.getElementById("BgLayer");
var con = document.getElementById("Layer");
bg.style.display = "none";
con.style.display = "none";
}
</script>
</head>
<body>
<center> <input type="button" value="打开" οnclick="showDiv(1)" style="margin-top:20%" /></center>
<!--弹出的登录页面层-->
<div id="Layer" style="display: none; " >
<input type="button" value="关闭" οnclick="closeDiv()" />
</div>
<!--屏蔽层,用来透明的屏蔽整个页面-->
<div id="BgLayer" style="position:absolute; display: none;"></div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#BgLayer {
background: #939393 none repeat scroll 0 0;
height:100%;
width:100%;
left:0;
top:0;
filter: alpha(opacity=80); /* IE */
-moz-opacity: 0.8; /* Moz + FF */
z-index: 10000;
}
#Layer {
width: 400px;
height: 400px;
margin: -180px 0 0 -170px;
left: 50%;
top: 50%;
position: absolute;
background: #FFF;
z-index: 10001;
border: 1px solid #1B5BAC;
}
</style>
<script type="text/javascript">
/*显示页面*/
function showDiv(id) {
var bg = document.getElementById("BgLayer");
var con = document.getElementById("Layer");
var w = document.documentElement.clientWidth; //网页可见区域宽
var h = document.documentElement.clientHeight;//网页可见区域高
//var w = document.body.scrollWidth; //网页正文全文宽
//var h = document.body.scrollHeight; //网页正文全文高
// alert(w+"-"+h);
bg.style.display = "";
bg.style.width = w + "px";
bg.style.height = h + "px";
con.style.display = "";
}
/*关闭*/
function closeDiv() {
var bg = document.getElementById("BgLayer");
var con = document.getElementById("Layer");
bg.style.display = "none";
con.style.display = "none";
}
</script>
</head>
<body>
<center> <input type="button" value="打开" οnclick="showDiv(1)" style="margin-top:20%" /></center>
<!--弹出的登录页面层-->
<div id="Layer" style="display: none; " >
<input type="button" value="关闭" οnclick="closeDiv()" />
</div>
<!--屏蔽层,用来透明的屏蔽整个页面-->
<div id="BgLayer" style="position:absolute; display: none;"></div>
</body>
</html>