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>