仿关机效果! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style><!-- body{margin:0;padding:0;} #topFill{display:none;text-align:center;position:absolute;z-index = 999;filter:alpha(opacity=50);background-color:#eee;opacity: 0.5;-moz-opacity: 0.5;width:100%;} #alertBox{margin:auto;height:150px;width:300px;background-color:#cf0;text-align:left;border:1px solid #666} #alertTitle{height:20px;background-color:#EDF8B8;line-height:20px;padding:0 10px;border-bottom:1px solid #71860D} #alertContent{padding:42px 0;;text-align:center;} #alertBtn{text-align:center;} #alertBtn input{margin:0 10px;background:#FFFF99;border:1px solid #fff;height:20px;line-height:20px;} --></style><style mce_bogus="1">body{margin:0;padding:0;} #topFill{display:none;text-align:center;position:absolute;z-index = 999;filter:alpha(opacity=50);background-color:#eee;opacity: 0.5;-moz-opacity: 0.5;width:100%;} #alertBox{margin:auto;height:150px;width:300px;background-color:#cf0;text-align:left;border:1px solid #666} #alertTitle{height:20px;background-color:#EDF8B8;line-height:20px;padding:0 10px;border-bottom:1px solid #71860D} #alertContent{padding:42px 0;;text-align:center;} #alertBtn{text-align:center;} #alertBtn input{margin:0 10px;background:#FFFF99;border:1px solid #fff;height:20px;line-height:20px;}</style> <script type="text/javascript" ><!-- //document.documentElement.clientHeight+'px' // onload的时候声明对象 var obj = new Object; function oload(){ obj = document.getElementById('topFill'); obj.style.display = 'none'; } function cl(){ document.body.style.overflow = 'hidden'; document.body.style.height = document.documentElement.clientHeight + 'px'; obj.style.display = 'block'; obj.style.height = document.documentElement.clientHeight + 'px'; } function bcl(){ document.body.style.overflow = ''; obj.style.display = 'none'; } function oresize(){ if(obj.style.display != 'block'){ }else{ cl(); } } function isno(str){ if (str == 'yes'){ window.close(); }else { bcl(); } } // --></script> </head> <body οnlοad="oload()" οnresize="oresize()"> <div id="topFill"> <div id="alertBox"> <div id="alertTitle">警告!</div> <div id="alertContent">你确定要退出吗?</div> <div id="alertBtn"><input type="button" value="是(Y)" οnclick="isno('yes')" /><input type="button" value="否(N)" οnclick="isno('no')" /></div> </div> </div> <input type="text" id="textaaa" /> <input type="button" value="点我" οnclick="cl()"/> <h1>web开发技术www.itokit.com</h1> <p>web开发技术www.itokit.com</p> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术web">www.itokit.com</h1><h1>web开发技术web">www.itokit.com</h1><h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> <h1>web开发技术www.itokit.com</h1> </body> </html>