用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实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
May 02 Javascript
Javascript正则控制文本框只能输入整数或浮点数
Sep 02 Javascript
全面详细的jQuery常见开发技巧手册
Feb 21 Javascript
浅谈JS中json数据的处理
Jun 30 Javascript
JavaScript 实现 Tab 点击切换实例代码
Mar 25 Javascript
Webpack如何引入bootstrap的方法
Jun 17 Javascript
JS实现静态页面搜索并高亮显示功能完整示例
Sep 19 Javascript
JavaScript中使用import 和require打包后实现原理分析
Mar 07 Javascript
在HTML文档中嵌入JavaScript的四种方法
May 07 Javascript
微信小程序仿美团城市选择
Jun 06 Javascript
vue实现密码显示与隐藏按钮的自定义组件功能
Apr 23 Javascript
ES6中定义类和对象的方法示例
Jul 31 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对MongoDB[NoSQL]数据库的操作
2013/03/01 PHP
PHP基于自定义函数生成笛卡尔积的方法示例
2017/09/30 PHP
详解PHP 二维数组排序保持键名不变
2019/03/06 PHP
JavaScript 动态将数字金额转化为中文大写金额
2009/05/14 Javascript
JQuery困惑—包装集 DOM节点
2009/10/16 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
2013/01/23 Javascript
javaScript 动态访问JSon元素示例代码
2013/08/30 Javascript
Js nodeType 属性全面解析
2013/11/14 Javascript
JavaScript通过正则表达式实现表单验证电话号码
2014/03/07 Javascript
JS或jQuery获取ASP.NET服务器控件ID的方法
2015/06/08 Javascript
JS验证IP,子网掩码,网关和MAC的方法
2015/07/02 Javascript
底部悬浮通栏可以关闭广告位的实现方法
2016/06/01 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐二)
2016/07/12 Javascript
Angularjs中controller的三种写法分享
2016/09/21 Javascript
微信小程序 Audio API详解及实例代码
2016/09/30 Javascript
浅谈JS封闭函数、闭包、内置对象
2017/07/18 Javascript
jQuery length 和 size()区别总结
2018/04/26 jQuery
JavaScript常见事件对象与操作实例总结
2019/01/05 Javascript
element-ui 实现响应式导航栏的示例代码
2020/05/08 Javascript
vue-openlayers实现地图坐标弹框效果
2020/09/24 Javascript
JavaScript实现页面高亮操作提示和蒙板
2021/01/04 Javascript
使用Python中的tkinter模块作图的方法
2017/02/07 Python
对numpy中array和asarray的区别详解
2018/04/17 Python
对python修改xml文件的节点值方法详解
2018/12/24 Python
简单了解python数组的基本操作
2019/11/26 Python
python GUI库图形界面开发之PyQt5菜单栏控件QMenuBar的详细使用方法与实例
2020/02/28 Python
python针对Oracle常见查询操作实例分析
2020/04/30 Python
可以在一个PHP文件里面include另外一个PHP文件两次吗
2015/05/22 面试题
二年级体育教学反思
2014/01/15 职场文书
银行内勤岗位职责
2014/04/09 职场文书
新闻编辑求职信
2014/07/13 职场文书
2014年小学图书室工作总结
2014/12/09 职场文书
小学一年级学生评语大全
2014/12/25 职场文书
2015年维修工作总结
2015/04/25 职场文书
入党心得体会
2019/06/20 职场文书
CSS 圆形进度栏
2021/04/06 HTML / CSS