返回列表
Leya 银箭小学 英文ID:Leya

乐牙(专卖假牙) 银箭小学 中文ID:乐牙(专卖假牙)
帖子
3480 
积分
4833 
贡献
382 点 

论坛巡逻员天使新人灌水机服务器管理员
您是第341位浏览者。 跳转到 » 倒序看帖
Leya 发表于 2009-9-15 13:02 | 只看该作者

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

css, 界面, 登陆
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  4. <title>登录(层效果)</title>
  5. <style type="text/css">
  6. <!--
  7. a.abai:link {color: #ffffff;text-decoration:none}
  8. a.abai:visited {color: #ffffff;text-decoration:none}
  9. a.abai:hover {color: #ffffff;text-decoration:none}
  10. a.abai:active {color: #ffffff;text-decoration:none}
  11. a{
  12. font-size:12px;
  13. font-family: Arial, Helvetica, sans-serif;
  14. }
  15. a.ahui:link {color: #7F7F7F;}
  16. a.ahui:visited {color: #7F7F7F;}
  17. a.ahui:hover {color: #000000;}
  18. a.ahui:active {color: #7F7F7F;}

  20. .blot { width:100%; height:850px; z-index:10; position:absolute; left:0px; top:0px; background-color:#000000; filter: Alpha(Opacity=60); text-align: center;}
  21. -->
  22. </style>
  23. </head>
  24. <SCRIPT type="text/javascript">
  25. function divShow(dd) {
  26.   if (dd.style.display=="none") {
  27.     dd.style.display="";
  28.   }else {
  29.     dd.style.display="none";
  30.   }
  31. }
  32. </SCRIPT>
  33. <body topmargin="0" leftmargin="0">
  34. <div align="center">
  35. <div align="center" style="z-index:5; width:600px;height:120px;">      
  36.   <div align="left" style=" width:600px; height:22px">
  37.    <span style=" text-align:center; vertical-align:middle; width:40px; height:22px;background-color:#6699FF;">
  38.    <a href="#" class="abai" onClick="divShow(content);divShow(login);" style="font-size:14px">登陆</a></span>
  39.   </div>
  40.   <table width="100%" id="login" border="0" height="400" style="display:none;position:relative;z-index:11;" cellspacing="0" cellpadding="0">
  41.      <tr>
  42.        <td>
  43.       <div align="center">
  44.         <table border="5" cellpadding="0" cellspacing="0" style=" border-color:#959595;background-color: #FFFFFF;margin:0 auto;" >
  45.           <tr>
  46.     <td><table width="100%" border="0" cellspacing="0" cellpadding="2" height="140">

  48.                       <tr bgcolor="#EBEBEB">
  49.                         <td colspan="2" height="30"><div align="left">&nbsp;<font style="color:#7F7F7F;font-size:12px;font-family: Arial, Helvetica, sans-serif;">Please Sign In</font> </div></td>
  50.                         <td colspan="2" align="right" valign="middle"><a href="#" class="ahui" onClick="divShow(content);divShow(login);">close</a>&nbsp;</td>
  51.                       </tr>
  52.                       <tr>
  53.                         <td width="28">&nbsp;</td>
  54.                         <td height="20"><div align="right">Username:</div></td>
  55.                         <td><div align="left">
  56.                             <input name="username" type="text"  style="width:150px; height:20px">
  57.                         </div></td>
  58.                         <td>&nbsp;</td>
  59.                       </tr>
  60.                       <tr>
  61.                         <td>&nbsp;</td>
  62.                         <td height="20"><div align="right">Password:</div></td>
  63.                         <td><div align="left">
  64.                             <input name="password" type="text"  style="width:150px;height:20px">
  65.                         </div></td>
  66.                         <td width="28">&nbsp;</td>
  67.                       </tr>
  68.                       <tr>
  69.                         <td width="28">&nbsp;</td>
  70.                         <td width="65">&nbsp;</td>
  71.                         <td width="150" valign="top"><div align="right">
  72.                             <input name="Login" type="submit" id="Login" style="width:80px" value="Login">
  73.                         </div></td>
  74.                         <td width="28" valign="top">&nbsp;</td>
  75.                       </tr></table></td></tr></table>
  76.       </div></td>
  77.       </tr>
  78.   </table>
  79. </div>
  80. </div>
  81. <div id="content" class="blot" style="display:none;"></div>
  82. </div>
  83. </body>
  84. </html>
复制代码
收藏 分享
重返DOD,打造胜利之日全新社区.
欢迎来到DoDVip胜利之日俱乐部
谢绝询问服务器问题

返回列表