div+css的登陆界面

Leya · 发表于 2009-9-15 13:02:07

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>登录(层效果)</title>
<style type="text/css">
<!--
a.abai:link {color: #ffffff;text-decoration:none}
a.abai:visited {color: #ffffff;text-decoration:none}
a.abai:hover {color: #ffffff;text-decoration:none}
a.abai:active {color: #ffffff;text-decoration:none}
a{
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
}
a.ahui:link {color: #7F7F7F;}
a.ahui:visited {color: #7F7F7F;}
a.ahui:hover {color: #000000;}
a.ahui:active {color: #7F7F7F;}
.blot { width:100%; height:850px; z-index:10; position:absolute; left:0px; top:0px; background-color:#000000; filter: Alpha(Opacity=60); text-align: center;}
-->
</style>
</head>
<SCRIPT type="text/javascript">
function divShow(dd) {
if (dd.style.display=="none") {
dd.style.display="";
}else {
dd.style.display="none";
}
}
</SCRIPT>
<body topmargin="0" leftmargin="0">
<div align="center">
<div align="center" style="z-index:5; width:600px;height:120px;">
<div align="left" style=" width:600px; height:22px">
<span style=" text-align:center; vertical-align:middle; width:40px; height:22px;background-color:#6699FF;">
<a href="#" class="abai" onClick="divShow(content);divShow(login);" style="font-size:14px">登陆</a></span>
</div>
<table width="100%" id="login" border="0" height="400" style="display:none;position:relative;z-index:11;" cellspacing="0" cellpadding="0">
<tr>
<td>
<div align="center">
<table border="5" cellpadding="0" cellspacing="0" style=" border-color:#959595;background-color: #FFFFFF;margin:0 auto;" >
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="2" height="140">
<tr bgcolor="#EBEBEB">
<td colspan="2" height="30"><div align="left"> <font style="color:#7F7F7F;font-size:12px;font-family: Arial, Helvetica, sans-serif;">Please Sign In</font> </div></td>
<td colspan="2" align="right" valign="middle"><a href="#" class="ahui" onClick="divShow(content);divShow(login);">close</a> </td>
</tr>
<tr>
<td width="28"> </td>
<td height="20"><div align="right">Username:</div></td>
<td><div align="left">
<input name="username" type="text" style="width:150px; height:20px">
</div></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td height="20"><div align="right">Password:</div></td>
<td><div align="left">
<input name="password" type="text" style="width:150px;height:20px">
</div></td>
<td width="28"> </td>
</tr>
<tr>
<td width="28"> </td>
<td width="65"> </td>
<td width="150" valign="top"><div align="right">
<input name="Login" type="submit" id="Login" style="width:80px" value="Login">
</div></td>
<td width="28" valign="top"> </td>
</tr></table></td></tr></table>
</div></td>
</tr>
</table>
</div>
</div>
<div id="content" class="blot" style="display:none;"></div>
</div>
</body>
</html>

复制代码

		自动登录	找回密码
密码			注-册

[特效] div+css的登陆界面