用js+iframe形成页面的一种遮罩效果的具体实现


Posted in Javascript onDecember 31, 2013

用这锻代码 之前请先下载jquery库

var maskStackCount = 0; function mask(method){ 
//这里是你想要进行遮罩的窗口,我这里想要遮罩的是一个iframe窗口,也可以用var winObj=$(window) 
var winObj=window.top.$("body").find("iframe[name='dialognormaliframe']"); 
if(typeof method == "undefined"){ 
method="open"; 
} 
if (method == "open") { 
if (maskStackCount <= 0) { 
var mask = $("<div id='window-mask' class='window-mask' style='display:none'></div>").appendTo("body"); 
mask.css({ 
width: winObj.width() + "px", 
height: winObj.height() + "px", 
filter: "alpha(opacity=60)" 
}).show(); 
winObj.on("resize.mask", function(){ 
mask.css({ 
width: winObj.width() + "px", 
height: winObj.height() + "px" 
}); 
}); 
} 
maskStackCount++; 
} 
else if(method == "close"){ 
maskStackCount--; 
$("#window-mask").remove(); 
winObj.off("resize.mask"); 
} 
}
Javascript 相关文章推荐
Prototype中dom对象方法汇总
Sep 17 Javascript
picChange 图片切换特效的函数代码
May 06 Javascript
jQuery中change事件用法实例
Dec 26 Javascript
jQuery表单美化插件jqTransform使用详解
Apr 12 Javascript
jqGrid 学习笔记整理——进阶篇(一 )
Apr 17 Javascript
基于javascript实现图片滑动效果
May 07 Javascript
全面了解javascript三元运算符
Jun 27 Javascript
原生js仿jquery一些常用方法(必看篇)
Sep 20 Javascript
代码详解Vuejs响应式原理
Dec 20 Javascript
JS实现为动态创建的元素添加事件操作示例
Mar 17 Javascript
微信小程序解析富文本过程详解
Jul 13 Javascript
让IDE识别webpack的别名alias的实现方法
May 06 Javascript
js类式继承的具体实现方法
Dec 31 #Javascript
利用javascript判断文件是否存在
Dec 31 #Javascript
jquery实现checkbox全选全不选的简单实例
Dec 31 #Javascript
屏蔽IE弹出&quot;您查看的网页正在试图关闭窗口,是否关闭此窗口&quot;的方法
Dec 31 #Javascript
JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)
Dec 31 #Javascript
IE与FireFox的JavaScript兼容问题解决办法
Dec 31 #Javascript
jquery遍历select元素(实例讲解)
Dec 31 #Javascript
You might like
php中理解print EOT分界符和echo EOT的用法区别小结
2010/02/21 PHP
浅谈PHP与C#的值类型指向区别的详解
2013/05/21 PHP
php unset全局变量运用问题的深入解析
2013/06/17 PHP
PHP下通过QRCode类库创建中间带网站LOGO的二维码
2014/07/12 PHP
php中运用http调用的GET和POST方法示例
2014/09/29 PHP
Yii2处理密码加密及验证的方法
2019/05/12 PHP
javascript限制文本框只允许输入数字(曾经与现在的方法对比)
2013/01/18 Javascript
Javascript实现快速排序(Quicksort)的算法详解
2015/09/06 Javascript
jquery实现简洁文件上传表单样式
2015/11/02 Javascript
深入理解JavaScript单体内置对象
2016/06/06 Javascript
ES6新特性七:数组的扩充详解
2017/04/21 Javascript
jQuery时间戳和日期相互转换操作示例
2018/12/07 jQuery
ES6的解构赋值实例详解
2019/05/06 Javascript
微信小程序实现文件、图片上传功能
2020/08/18 Javascript
JavaScript常用工具函数库汇总
2020/09/17 Javascript
JavaScript 异步时序问题
2020/11/20 Javascript
[59:08]Ti4 冒泡赛第二天 NEWBEE vs Titan 2
2014/07/15 DOTA
[01:35:53]完美世界DOTA2联赛PWL S3 Magma vs GXR 第二场 12.13
2020/12/17 DOTA
python定时检查启动某个exe程序适合检测exe是否挂了
2013/01/21 Python
python 读取txt,json和hdf5文件的实例
2018/06/05 Python
Python中对数组集进行按行打乱shuffle的方法
2018/11/08 Python
python机器学习库xgboost的使用
2020/01/20 Python
python中字符串的编码与解码详析
2020/12/03 Python
用HTML5中的Canvas结合公式绘制粒子运动的教程
2015/05/08 HTML / CSS
KIKO MILANO西班牙官网:意大利领先的化妆品和护肤品品牌
2019/05/03 全球购物
英国时尚泳装品牌:Maru Swimwear
2019/10/06 全球购物
生产部岗位职责范文
2014/02/07 职场文书
网吧最新创业计划书范文
2014/03/27 职场文书
爱国主义教育演讲稿
2014/08/26 职场文书
离退休人员聘用协议书
2014/11/24 职场文书
经典导游欢迎词
2015/01/26 职场文书
2015年电厂工作总结范文
2015/05/13 职场文书
小学语文教学随笔
2015/08/14 职场文书
SQL Server中交叉联接的用法详解
2021/04/22 SQL Server
golang switch语句的灵活写法介绍
2021/05/06 Golang
MySQ InnoDB和MyISAM存储引擎介绍
2022/04/26 MySQL