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>
b.html
div遮罩弹框口的更多相关文章
- js+css jQuery实现页面后退执行 & 遮罩弹框
JS部分 <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> < ...
- selenium处理div生成弹框
目前遇到的弹框有两种,一种是alert,一种是div,如果遇到div模拟的弹框,在用alert就不行了. 1. public static Alert getAlert(WebDriver dr) { ...
- css+JS实现遮罩弹框
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta nam ...
- H5页面遮罩弹框下层还能滚动的问题
在页面上显示一个遮罩层,这是非常常见的操作,在遮罩层上操作,下层也会默认跟随手指滚动 此处就是要在显示遮罩的时候禁止下层滚动. 首先设置一个全局变量 var canScroll=false; 页面初始 ...
- jquery mobile将页面内容当成弹框进行显示
注:必须使用相对应版本的jquery mobile css.不然无法正常显示 <div data-role="page" id="pageone"> ...
- jquery弹出可关闭遮罩提示框
jquery CSS3遮罩弹出层动画效果,使用非常简单,就两个标签,里面自定义内容和样式,四种常见效果,懂的朋友还可以修改源代码修改成自己想要的效果 效果展示 http://hovertree.com ...
- html实现弹框，并伴随遮罩层，且弹框居中
本文介绍的内容主要实现的功能有,出现弹框,并且伴随遮罩层,且弹框一直居中. html和js代码: <div id="hidebg"></div> <d ...
- JS遮罩层弹框效果
对于前端开发者来说,js是不可缺少的语言.现在我开始把我日常积累的一些js效果或者通过搜索自己总结的一些效果分享给大家,希望能够帮助大家一起进步,也希望大家能够多多支持! 1.今天我先分享一个遮罩层弹 ...
- 遮罩、警告框/弹框 - EasyUI
1.遮罩 1.1. $.messager.progress //开启遮罩 $.messager.progress({}); 或 $.messager.progress({ title: 'Please ...
随机推荐
- Akka简介与Actor模型
Akka是一个构建在JVM上,基于Actor模型的的并发框架,为构建伸缩性强,有弹性的响应式并发应用提高更好的平台.本文主要是个人对Akka的学习和应用中的一些理解. Actor模型 Akka的核心就 ...
- Java中泛型T和Class<T>以及Class<?>的理解（转）
注意:class是java的关键字, 在声明Java类时使用; Class类的实例表示Java应用运行时的类(class ans enum)或接口(interface and annotation)( ...
- System.Length 函数
function _PCharLen(P: _PAnsiChr): Longint;{$IFNDEF LEGACY_PCHARLEN}begin Result := 0; if P <> ...
- systemtap-oracle
https://savvinov.com/2015/12/21/non-intrusive-tracing/ https://mahmoudhatem.wordpress.com/2016/01/11 ...
- 利用NSString的Hash方法比较字符串
实际编程总会涉及到比较两个字符串的内容,一般会用 [string1 isEqualsToString:string2] 来比较两个字符串是否一致.对于字符串的isEqualsToString方法,需要 ...
- 牛人写的facebook优化php来龙去脉
背景 HHVM 是 Facebook 开发的高性能 PHP 虚拟机,宣称比官方的快9倍,我很好奇,于是抽空简单了解了一下,并整理出这篇文章,希望能回答清楚两方面的问题: HHVM 到底靠谱么?是否可以 ...
- win10 安装git
http://jingyan.baidu.com/article/a3a3f811d4cd308da2eb8ad1.html 双击exe安装包,在弹出的安全提示中点击“允许”. 安装向导的头两步都 ...
- Access自定义函数(人民币大写）
人民币大写函数:整数不超过13位. Public Function 人民币大写(A) As String Dim aa As String Dim bb As String Dim cc As Str ...
- 谈一次Linux的木马攻击数据爆满造成的Mysql无法启动
起初以为是mysql它们之间的扩展没有开启! 后来发现,木马的确使它初始化了,最开始没有用图形化界面 而后,修改并且开启所有pdo扩展 VIM基本操作(除了插入,其它的命令前提是按ESC): 插入: ...
- js增加收藏
<html> <span style="white-space:pre"> </span><head> <span style ...