<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>

b.html

div遮罩弹框口的更多相关文章

  1. js+css jQuery实现页面后退执行 & 遮罩弹框

    JS部分 <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> < ...

  2. selenium处理div生成弹框

    目前遇到的弹框有两种,一种是alert,一种是div,如果遇到div模拟的弹框,在用alert就不行了. 1. public static Alert getAlert(WebDriver dr) { ...

  3. css+JS实现遮罩弹框

    <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta nam ...

  4. H5页面遮罩弹框下层还能滚动的问题

    在页面上显示一个遮罩层,这是非常常见的操作,在遮罩层上操作,下层也会默认跟随手指滚动 此处就是要在显示遮罩的时候禁止下层滚动. 首先设置一个全局变量 var canScroll=false; 页面初始 ...

  5. jquery mobile将页面内容当成弹框进行显示

    注:必须使用相对应版本的jquery mobile css.不然无法正常显示 <div data-role="page" id="pageone"> ...

  6. jquery弹出可关闭遮罩提示框

    jquery CSS3遮罩弹出层动画效果,使用非常简单,就两个标签,里面自定义内容和样式,四种常见效果,懂的朋友还可以修改源代码修改成自己想要的效果 效果展示 http://hovertree.com ...

  7. html实现弹框，并伴随遮罩层，且弹框居中

    本文介绍的内容主要实现的功能有,出现弹框,并且伴随遮罩层,且弹框一直居中. html和js代码: <div id="hidebg"></div> <d ...

  8. JS遮罩层弹框效果

    对于前端开发者来说,js是不可缺少的语言.现在我开始把我日常积累的一些js效果或者通过搜索自己总结的一些效果分享给大家,希望能够帮助大家一起进步,也希望大家能够多多支持! 1.今天我先分享一个遮罩层弹 ...

  9. 遮罩、警告框/弹框 - EasyUI

    1.遮罩 1.1. $.messager.progress //开启遮罩 $.messager.progress({}); 或 $.messager.progress({ title: 'Please ...

随机推荐

  1. Java-多态的理解（主要是解释一个网上经典的例子）

    如题,本文重点不在于介绍什么是多态,所以一些基础的概念就不多说了(需要知道的时候会提一下).要了解多态的话这里推荐一篇 http://www.cnblogs.com/jack204/archive/2 ...

  2. 小程序使用wxParse插件解析html标签图片间距问题

    转自:https://www.cnblogs.com/likun123/p/9543376.html 小程序解析html标签,就需要用到wxParse啦.但是在解析连续图片的时候,会发现图片之间会有间 ...

  3. Oracle SOA Suit Medicator and OSB

    Medicator和OSB (Oracle Service Bus)存在的目的,从架构的设计模式上看,和解耦多态等理念非常的相似. 通过Proxy代理的方式,把真正某个Service的实现进行隐藏,让 ...

  4. Android获取状态栏和标题栏的高度

    版权声明:本文为博主原创文章,未经博主允许不得转载. 1.获取状态栏高度: decorView是window中的最顶层view,可以从window中获取到decorView,然后decorView有个 ...

  5. 摘自《Linux与unix shell编程指南》

    shift运行后,$#随之减少:如果需要知道命令行中输入的最后一个参数(通常是一个文件名),可以有两种选择:使用命令 eval echo \$$#;使用shift命令:shift 'expr $# - ...

  6. Linux(centos 6.5) 调用java脚本以及定时运行的脚本实例及配置文件具体解释

    Linux(centos 6.5) 调用java脚本以及定时运行的脚本实例 一.调用java程序脚本(默认已经搭建好了Java环境) 1.jdk 安装路径 /usr/jdk/jdk1.7/-- 2.j ...

  7. Nginx学习——进程模型(master 进程)

    进程模型 Nginx分为Single和Master两种进程模型.Single模型即为单进程方式工作,具有较差的容错能力,不适合生产之用.Master模型即为一个master进程+N个worker进程的 ...

  8. 在fedora25x86下编译opencv的Android版本的过程记录

    准备材料: 1. 32位的Fedora25(不建议使用64位系统----64位系统下也是可以编译的,这里为了简单起见,考虑使用32位操作系统.事实上,本人在64位操作系统下也做了尝试,也完成了编译.) ...

  9. 深入Garbage First垃圾收集器（一）术语

    Garbage垃圾收集器的原理,在这篇博客中有讲到,可以拿来参考下, Getting Started with the G1 Garbage Collector(译) 另外在这篇博客中也有讲到很多垃圾 ...

  10. Ajax技术实现页面无刷新跳转

    Ajax实现无刷新显示新的页面 <!DOCTYPE html> <html> <head> <script src="/jquery/jquery- ...