但是那个登录按钮的那个应该怎么设置呢
<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#mask{
background:#000;
opacity:0.75; /*透明度*/
height:1000px;
width:100%;
position:absolute;/*定位*/
left:0;
top:0;
}
#login{
position:fixed;/*给登录框定位*/
left:30%;
top:30%;
z-index:1001;/*层级 当层级越大的时候，处在层级小的上面*/
}
#colse{
width:30px;
height:30px;
background:url(0a.png) no-repeat;
cursor:pointer;
position:absolute;
right:5px;
top:5px; }
.loignCon{
width:670px;
height:380px;
background:#00F no-repeat;
position:relative;
}
</style>
<script type="text/javascript">
window.onload=function(){
var oBtn=document.getElementById("bthLogin");
//鼠标点击时执行函数
oBth.onclick=function(){
//获取页面的高度和宽度
var sWidth=document.documentElement.scrollWidth;
var sHeight=document.documentElement.scrollHeight;
//获取可视区域的高度和宽度
//如果说页面是一个竖向的页面，那么可视区域的高度和页面的高度是一样的
var wHeight=document.documentElement.clientHeigth;
//创建元素节点 oMask
var oMask=document.createElement("div");
oMask.id="mask";
oMask.style.height=sHeight+"px";
oMask.style.width=sWidth+"px";
//在文本尾部追加节点
document.body.appendChild(oMask);
//创建元素节点 oLogin
var oLogin=document.createElement("div");
oLogin.id="login";
oLogin.innerHTML="<div class='loignCon'><div id='colse'></div></div>"
document.body.appendChild(oLogin);
//获取oLogin元素的高度和宽度 放在插入节点后面
var dHeight=oLogin.offsetHeight;
var dWidth=oLogin.offsetWidth;
//给oLogin的left和top赋值
oLogin.style.left=(sWidth-dWidth)/2+"px";
oLogin.style.top=(sHeight-dHeight)/2+"px";
var oClose=document.getElementById("close");
oClose.onclick=function(){
//删除文档里面的节点oMask,oLogin
document.body.removeChild(oMask);
document.body.removeChild(oLogin);
}
}
}
</script>
</head>
<body>
<!--<div id="mask"> </div>
<div id="login">
<div class="loignCon">
<div id="colse"></div>
</div>
</div>-->
</body>
</html>
