注册登录界面（简陋版）

 1 <!DOCTYPE html>
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5     <title>登陆界面</title>
 6     <style type="text/css">
 7         #dvRegister {
 8             position:fixed;
 9             left:0;
10             right:0;
11             top:0;
12             bottom:0;
13             /*float:left;*/
14             display: none;
15         }
16 
17         #fmRegister {
18             border: 1px solid red;
19             margin: 10px auto;
20              200px;
21             height: 200px;
22             background-color: green;
23         }
24     </style>
25     <script type="text/javascript">
26         onload = function () {
27             //注册按钮
28             register.onclick = function () {
29                 dvRegister.style.display = "block";
30             }
31             //注册关闭按钮
32             var dvRegClose = document.getElementById("dvRegClose");
33             dvRegClose.onclick = function () {
34                 dvRegister.style.display = "none";
35             }
36         }
37 
38     </script>
39 </head>
40 <body>
41     <a href="#" id="register">注册</a>
42     <a href="#" id="login">登陆</a>
43     <div id="dvRegister">
44         <form id="fmRegister" method="get">
45             <input type="button" name="name" value="X" id="dvRegClose"/><br />
46             <span>账号</span><input type="text" name="uid" value="" /><br />
47             <span>密码</span><input type="password" name="pwd" value="" /><br />
48             <input type="submit" value="注册" />
49             <input type="reset" value="重置" /><br />
50 
51         </form>
52     </div>
53     <div style="clear:both;"></div>
54     <p>哈还见过ioeoihtoajigjfha决定了咯咯哈很干净啊考虑价格哈乖韩少功ihaha好噶；和管理卡换个</p>
55     <p>哈还见过ioeoihtoajigjfha决定了咯咯哈很干净啊考虑价格哈乖韩少功ihaha好噶；和管理卡换个</p>
56     <p>哈还见过ioeoihtoajigjfha决定了咯咯哈很干净啊考虑价格哈乖韩少功ihaha好噶；和管理卡换个</p>
57     <p>哈还见过ioeoihtoajigjfha决定了咯咯哈很干净啊考虑价格哈乖韩少功ihaha好噶；和管理卡换个</p>
58     <p>哈还见过ioeoihtoajigjfha决定了咯咯哈很干净啊考虑价格哈乖韩少功ihaha好噶；和管理卡换个</p>
59     <p>哈还见过ioeoihtoajigjfha决定了咯咯哈很干净啊考虑价格哈乖韩少功ihaha好噶；和管理卡换个</p>
60     <p>哈还见过ioeoihtoajigjfha决定了咯咯哈很干净啊考虑价格哈乖韩少功ihaha好噶；和管理卡换个</p>
61     <p>哈还见过ioeoihtoajigjfha决定了咯咯哈很干净啊考虑价格哈乖韩少功ihaha好噶；和管理卡换个</p>
62     <p>哈还见过ioeoihtoajigjfha决定了咯咯哈很干净啊考虑价格哈乖韩少功ihaha好噶；和管理卡换个</p>
63     <p>哈还见过ioeoihtoajigjfha决定了咯咯哈很干净啊考虑价格哈乖韩少功ihaha好噶；和管理卡换个</p>
64     <p>哈还见过ioeoihtoajigjfha决定了咯咯哈很干净啊考虑价格哈乖韩少功ihaha好噶；和管理卡换个</p>
65     <p>哈还见过ioeoihtoajigjfha决定了咯咯哈很干净啊考虑价格哈乖韩少功ihaha好噶；和管理卡换个</p>
66     <p>哈还见过ioeoihtoajigjfha决定了咯咯哈很干净啊考虑价格哈乖韩少功ihaha好噶；和管理卡换个</p>
67     <p>哈还见过ioeoihtoajigjfha决定了咯咯哈很干净啊考虑价格哈乖韩少功ihaha好噶；和管理卡换个</p>
68     <p>哈还见过ioeoihtoajigjfha决定了咯咯哈很干净啊考虑价格哈乖韩少功ihaha好噶；和管理卡换个</p>
69     <p>哈还见过ioeoihtoajigjfha决定了咯咯哈很干净啊考虑价格哈乖韩少功ihaha好噶；和管理卡换个</p>
70     <p>哈还见过ioeoihtoajigjfha决定了咯咯哈很干净啊考虑价格哈乖韩少功ihaha好噶；和管理卡换个</p>
71 
72 </body>
73 </html>