<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <title>群组设置</title> <style> .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #DEDEDE; z-index:1001; -moz-opacity: 0.8; //opacity:0.8; //filter: alpha(opacity=60); } .white_content { display: none; position: absolute; top: 25%; left: 25%; width: 50%; height: 50%; padding: 16px; background-color: white; z-index:1002; overflow: auto; } </style> </head> <body> <form name="frm"> <p><a href="javascript:void(0)" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">点击这里打开窗口</a></p> <div id="light" class="white_content"> 数据处理中,请稍等... <a href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a> </div> <div id="fade" class="black_overlay"> </div> </form> </body> </html>
a.html
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>框架</title> </head> <frameset rows="100,*" frameborder="no" border="0" framespacing="5"> <frame src="b.html" name="supTopFrame"> <frame src="" name="middleFrame" scrolling="yes" frameborder="no" border="0"> </frameset> <noframes> <body> </body> </noframes> </html>
b.html
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <title>群组设置</title> </head> <script language="javascript" type="text/JavaScript"> function search(){ frm.action="c.html"; frm.target="middleFrame"; frm.submit(); } </script> <body> <form name="frm"> <table width="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolorlight="#BDBEC0" bordercolordark="#ffffff"> <tr> <td colspan="6" align="left" > <b>群组设置:</b></font> </td> </tr> <tr> <td width="12%" align="center"> 小灵通号码 </td> <td width="18%" class="td2"> <input type="text" name="phsphone" value=""> </td> <td class="td2"> <button onclick="search()">查询</button> </td> </tr> </table> </form> </body> </html>