用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 相关文章推荐
推荐自用 Javascript 缩图函数 (onDOMLoaded)……
Oct 23 Javascript
Javascript hasOwnProperty 方法 &amp; in 关键字
Nov 26 Javascript
基于jQuery实现点击同时更改两个iframe的网址
Jul 01 Javascript
IE8 chrome中table隔行换色解决办法
Jul 09 Javascript
基于json的jquery地区联动效果代码
Jul 06 Javascript
Prototype的Class.create函数解析
Sep 22 Javascript
javascript函数以及基础写法100多条实用整理
Jan 13 Javascript
ExtJS4利根据登录后不同的角色分配不同的树形菜单
May 02 Javascript
JavaScript中Form表单技术汇总(推荐)
Jun 26 Javascript
详解微信小程序 相对定位和绝对定位
May 11 Javascript
js实现json数组分组合并操作示例
Feb 12 Javascript
javascript-hashchange事件和历史状态管理实例分析
Apr 18 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获取网络上文件
2006/10/09 PHP
mysql 中InnoDB和MyISAM的区别分析小结
2008/04/15 PHP
php单一接口的实现方法
2015/06/20 PHP
利用php输出不同的心形图案
2016/04/22 PHP
PHP验证终端类型是否为手机的简单实例
2017/02/07 PHP
取得父标签
2006/11/14 Javascript
fireworks菜单生成器mm_menu.js在 IE 7.0 显示问题的解决方法
2009/10/20 Javascript
一不小心就做错的JS闭包面试题
2015/11/25 Javascript
jQueryUI中的datepicker使用方法详解
2016/05/25 Javascript
jQuery制作圣诞主题页面 更像是爱情影集
2016/08/10 Javascript
AngularJS表格详解及示例代码
2016/08/17 Javascript
简单几步实现返回顶部效果
2016/12/05 Javascript
浅谈jquery拼接字符串效率比较高的方法
2017/02/22 Javascript
javascript 删除数组元素和清空数组的简单方法
2017/02/24 Javascript
详解AngularJs ui-router 路由的简单介绍
2017/04/26 Javascript
vue增删改查的简单操作
2017/07/15 Javascript
ES6新增的math,Number方法
2017/08/06 Javascript
微信小程序实现换肤功能
2018/03/14 Javascript
使用Angular CLI生成路由的方法
2018/03/24 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
2019/09/21 Javascript
python网络编程之数据传输UDP实例分析
2015/05/20 Python
Python中pygal绘制雷达图代码分享
2017/12/07 Python
python使用KNN算法手写体识别
2018/02/01 Python
python如何读写csv数据
2018/03/21 Python
python正则表达式的懒惰匹配和贪婪匹配说明
2020/07/13 Python
HTML5 Canvas的事件处理介绍
2015/04/24 HTML / CSS
Vertbaudet西班牙网上商店:婴儿服装、童装、母婴用品和儿童家具
2019/10/16 全球购物
秋季运动会活动方案
2014/02/05 职场文书
新年抽奖获奖感言
2014/03/02 职场文书
党员岗位承诺口号大全
2014/03/28 职场文书
优质服务活动实施方案
2014/05/02 职场文书
销售队伍口号
2014/06/11 职场文书
乡镇群众路线教育实践活动整改措施
2014/10/04 职场文书
巴黎圣母院读书笔记
2015/06/26 职场文书
教导处教学工作总结
2015/08/12 职场文书
关于vue-router-link选择样式设置
2022/04/30 Vue.js