码迷,mamicode.com
首页 > 其他好文 > 详细

div遮罩弹框口

时间:2014-07-03 10:16:18      阅读:251      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   java   color   width   

bubuko.com,布布扣
<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>
View Code

 

a.html

bubuko.com,布布扣
<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>
View Code

 

b.html

bubuko.com,布布扣
<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>
b.html

 

div遮罩弹框口,布布扣,bubuko.com

div遮罩弹框口

标签:style   blog   http   java   color   width   

原文地址:http://www.cnblogs.com/feiguo/p/3818164.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!