首页 > 代码库 > div遮罩弹框口
div遮罩弹框口
<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>
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。