<HTML>
<HEAD>
<style type="text/css">
.window { BORDER-RIGHT: #606060 2px solid; PADDING-RIGHT: 2px; BORDER-TOP: #f0f0f0 2px solid; PADDING-LEFT: 2px; VISIBILITY: ; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #d0d0d0 2px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #404040 2px solid; POSITION: absolute; BACKGROUND-COLOR: #184BA5; TEXT-ALIGN: left; }
.titleBar {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; PADDING-BOTTOM: 2px; MARGIN: 0px; WIDTH: auto; CURSOR: default; COLOR: #ffffff; PADDING-TOP: 2px; FONT-FAMILY: 宋体; WHITE-SPACE: nowrap;}
.titleBarText { PADDING-LEFT: 6px; OVERFLOW: hidden; TEXT-ALIGN: left;}
.clientArea {PADDING:10px; FONT-FAMILY: 宋体; BACKGROUND-COLOR: #ECF0E1}
</style>
<link rel=stylesheet href="/admin/default.css" type="text/css">
</HEAD>
<body onselectstart="return false" onload="document.LoginForm.UserName.focus();document.LoginForm.reset()">
<div class="window" id="login" style="LEFT:expression(Math.abs(Math.round((window.document.body.clientWidth - document.all.login.offsetWidth)/2))); WIDTH: 360px; TOP:expression(Math.abs(Math.round((window.document.body.clientHeight - document.all.login.offsetHeight)/2)))" style="filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF003399', EndColorStr='#FF6699CC');">
<div class="titleBar"><span class="titleBarText">请先登录</span></div> <div class="clientArea" style>
<img src="images/login.gif" align="absmiddle" WIDTH="32" HEIGHT="32"> 请输入您授权管理的用户名和密码。
<br><br>
<table align="center" width="300" border="0" cellpadding="0" cellspacing="6">
<form action="login.asp" method="post" name="LoginForm">
<input name="returnurl" type="hidden" value="">
<tr>
<td align="right"><font style='color:red'>登录失败:</font></td>
<td>登录失败,用户名或密码错误</td>
</tr>
<tr>
<td align="right">用户名:</td>
<td><input type="text" name="UserName" value="admin" style="border:1px solid gray;width:160px;color:#000099;font-size:9pt"></td>
</tr>
<tr>
<td align="right">密 码:</td>
<td><input type="password" name="Password" value="" style="border:1px solid gray;width:160px;color:#000099;font-size:9pt"></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value=" 登 录 " class="CustButton" style="padding-top:2px">
</td>
</tr>
</form>
</table>
</div>
</div></body>
<HEAD>
<style type="text/css">
.window { BORDER-RIGHT: #606060 2px solid; PADDING-RIGHT: 2px; BORDER-TOP: #f0f0f0 2px solid; PADDING-LEFT: 2px; VISIBILITY: ; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #d0d0d0 2px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #404040 2px solid; POSITION: absolute; BACKGROUND-COLOR: #184BA5; TEXT-ALIGN: left; }
.titleBar {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; PADDING-BOTTOM: 2px; MARGIN: 0px; WIDTH: auto; CURSOR: default; COLOR: #ffffff; PADDING-TOP: 2px; FONT-FAMILY: 宋体; WHITE-SPACE: nowrap;}
.titleBarText { PADDING-LEFT: 6px; OVERFLOW: hidden; TEXT-ALIGN: left;}
.clientArea {PADDING:10px; FONT-FAMILY: 宋体; BACKGROUND-COLOR: #ECF0E1}
</style>
<link rel=stylesheet href="/admin/default.css" type="text/css">
</HEAD>
<body onselectstart="return false" onload="document.LoginForm.UserName.focus();document.LoginForm.reset()">
<div class="window" id="login" style="LEFT:expression(Math.abs(Math.round((window.document.body.clientWidth - document.all.login.offsetWidth)/2))); WIDTH: 360px; TOP:expression(Math.abs(Math.round((window.document.body.clientHeight - document.all.login.offsetHeight)/2)))" style="filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF003399', EndColorStr='#FF6699CC');">
<div class="titleBar"><span class="titleBarText">请先登录</span></div> <div class="clientArea" style>
<img src="images/login.gif" align="absmiddle" WIDTH="32" HEIGHT="32"> 请输入您授权管理的用户名和密码。
<br><br>
<table align="center" width="300" border="0" cellpadding="0" cellspacing="6">
<form action="login.asp" method="post" name="LoginForm">
<input name="returnurl" type="hidden" value="">
<tr>
<td align="right"><font style='color:red'>登录失败:</font></td>
<td>登录失败,用户名或密码错误</td>
</tr>
<tr>
<td align="right">用户名:</td>
<td><input type="text" name="UserName" value="admin" style="border:1px solid gray;width:160px;color:#000099;font-size:9pt"></td>
</tr>
<tr>
<td align="right">密 码:</td>
<td><input type="password" name="Password" value="" style="border:1px solid gray;width:160px;color:#000099;font-size:9pt"></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value=" 登 录 " class="CustButton" style="padding-top:2px">
</td>
</tr>
</form>
</table>
</div>
</div></body>
<HEAD>
<style type="text/css">
.window { BORDER-RIGHT: #606060 2px solid; PADDING-RIGHT: 2px; BORDER-TOP: #f0f0f0 2px solid; PADDING-LEFT: 2px; VISIBILITY: ; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #d0d0d0 2px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #404040 2px solid; POSITION: absolute; BACKGROUND-COLOR: #184BA5; TEXT-ALIGN: left; }
.titleBar {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; PADDING-BOTTOM: 2px; MARGIN: 0px; WIDTH: auto; CURSOR: default; COLOR: #ffffff; PADDING-TOP: 2px; FONT-FAMILY: 宋体; WHITE-SPACE: nowrap;}
.titleBarText { PADDING-LEFT: 6px; OVERFLOW: hidden; TEXT-ALIGN: left;}
.clientArea {PADDING:10px; FONT-FAMILY: 宋体; BACKGROUND-COLOR: #ECF0E1}
</style>
<link rel=stylesheet href="/admin/default.css" type="text/css">
</HEAD>
<body onselectstart="return false">
<div class="window" id="login" style="LEFT:expression(Math.abs(Math.round((window.document.body.clientWidth - document.all.login.offsetWidth)/2))); TOP:expression(Math.abs(Math.round((window.document.body.clientHeight - document.all.login.offsetHeight)/2)))" style="filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF003399', EndColorStr='#FF6699CC');">
<div class="titleBar"><img src="http://expert.csdn.net/images/csdn.gif"> </div>
</div>
</body>
</HTML>
然后加载页面的时候,层的位置是动态设置的。
可以用screen.width和screen.height来取得
客户端显示器的当前分辨率,
然后确定层的left和top就可以了。