用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 相关文章推荐
js prototype截取字符串函数
Apr 01 Javascript
json对象转字符串如何实现
Dec 02 Javascript
javascript去掉前后空格的实例
Nov 07 Javascript
js 获取、清空input type=&quot;file&quot;的值(示例代码)
Dec 24 Javascript
JavaScript实现大数的运算
Nov 24 Javascript
javascript检查浏览器是否已经启用XX功能
Jul 10 Javascript
js中的面向对象入门
Mar 06 Javascript
又一款MVVM组件 构建自己的Vue组件(2)
Mar 13 Javascript
Vue.js移动端左滑删除组件的实现代码
Sep 08 Javascript
解决在vue项目中,发版之后,背景图片报错,路径不对的问题
Mar 06 Javascript
vue-cli 如何打包上线的方法示例
May 08 Javascript
详解JavaScript修改注册表的方法
Jan 05 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多文件上传实现代码
2014/02/20 PHP
php + nginx项目中的权限详解
2017/05/23 PHP
IE不出现Flash激活框的小发现的js实现方法
2007/09/07 Javascript
jquery+ajax每秒向后台发送请求数据然后返回页面的代码
2011/01/17 Javascript
js判断当页面无法回退时关闭网页否则就history.go(-1)
2014/08/07 Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
2014/10/16 Javascript
Angular2+如何去除url中的#号详解
2017/12/20 Javascript
详解如何在项目中使用jest测试react native组件
2018/02/09 Javascript
修改node.js默认的npm安装目录实例
2018/05/15 Javascript
使用vue-router beforEach实现判断用户登录跳转路由筛选功能
2018/06/25 Javascript
利用Decorator如何控制Koa路由详解
2018/06/26 Javascript
JS+HTML5实现获取手机验证码倒计时按钮
2018/08/08 Javascript
windows下create-react-app 升级至3.3.1版本踩坑记
2020/02/17 Javascript
python编写网页爬虫脚本并实现APScheduler调度
2014/07/28 Python
Python3实现将文件树中所有文件和子目录归档到tar压缩文件的方法
2015/05/22 Python
Python生成随机数组的方法小结
2017/04/15 Python
Django的信号机制详解
2017/05/05 Python
Python实现曲线点抽稀算法的示例
2017/10/12 Python
python图书管理系统
2020/04/05 Python
PyCharm代码提示忽略大小写设置方法
2018/10/28 Python
Pycharm设置去除显示的波浪线方法
2018/10/28 Python
Python实现查找最小的k个数示例【两种解法】
2019/01/08 Python
使用python实现名片管理系统
2020/06/18 Python
用于ETL的Python数据转换工具详解
2020/07/21 Python
详解python的super()的作用和原理
2020/10/29 Python
Python OpenCV中的numpy与图像类型转换操作
2020/12/11 Python
Python爬虫scrapy框架Cookie池(微博Cookie池)的使用
2021/01/13 Python
荷兰在线钓鱼商店:Raven
2019/06/26 全球购物
有机婴儿毛毯和衣服:Monica + Andy
2020/03/01 全球购物
俄语专业职业生涯规划
2014/02/26 职场文书
副护士长竞聘演讲稿
2014/04/30 职场文书
物业公司的岗位任命书
2014/06/06 职场文书
2015年班级工作总结范文
2015/04/03 职场文书
Java基础之this关键字的使用
2021/06/30 Java/Android
python通过新建环境安装tfx的问题
2022/05/20 Python
JS前端轻量fabric.js系列物体基类
2022/08/05 Javascript