用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 相关文章推荐
XmlUtils JS操作XML工具类
Oct 01 Javascript
遨游,飞飞,IE,空中网 浏览器无提示关闭方法
Jul 11 Javascript
JS按字节截取字符长度实例
Nov 20 Javascript
Jquery中Event对象属性小结
Feb 27 Javascript
JavaScript实现数字数组按照倒序排列的方法
Apr 06 Javascript
jQuery+AJAX实现无刷新下拉加载更多
Jul 03 Javascript
简单介绍JavaScript数据类型之隐式类型转换
Dec 28 Javascript
jQuery阻止移动端遮罩层后页面滚动
Mar 15 Javascript
vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用
Apr 13 Javascript
JS中获取 DOM 元素的绝对位置实例详解
Apr 23 Javascript
Vue.js 实现微信公众号菜单编辑器功能(一)
May 08 Javascript
微信小程序wx.request的简单封装
Nov 13 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 出现乱码和Sessions验证问题的解决方法!
2008/12/06 PHP
php array的学习笔记
2012/05/16 PHP
PHP生成唯一的促销/优惠/折扣码(附源码)
2012/12/28 PHP
php setcookie(name, value, expires, path, domain, secure) 参数详解
2013/06/28 PHP
php 在字符串指定位置插入新字符的简单实现
2016/06/28 PHP
Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例
2017/09/20 PHP
Laravel 微信小程序后端实现用户登录的示例代码
2019/11/26 PHP
jquery重新播放css动画所遇问题解决
2013/08/21 Javascript
Jquery异步提交表单代码分享
2015/03/26 Javascript
JS数组合并push与concat区别分析
2015/12/17 Javascript
理解javascript中try...catch...finally
2015/12/25 Javascript
JS中sort函数排序用法实例分析
2016/06/16 Javascript
JS中递归函数
2016/06/17 Javascript
ES6中的数组扩展方法
2016/08/26 Javascript
使用原生js封装的ajax实例(兼容jsonp)
2017/10/12 Javascript
详解js location.href和window.open的几种用法和区别
2019/12/02 Javascript
[05:00]第二届DOTA2亚洲邀请赛主赛事第三天比赛集锦.mp4
2017/04/04 DOTA
python迭代器的使用方法实例
2013/11/21 Python
Python实现连接MySql数据库及增删改查操作详解
2019/04/16 Python
Python Pandas 箱线图的实现
2019/07/23 Python
django 连接数据库 sqlite的例子
2019/08/14 Python
Python爬虫爬取糗事百科段子实例分享
2020/07/31 Python
带有css3动画效果的兼容多浏览器简单导航条示例
2014/01/26 HTML / CSS
html5定位获取当前位置并在百度地图上显示
2014/08/22 HTML / CSS
ONLY德国官方在线商店:购买时尚女装
2017/09/21 全球购物
意大利巧克力店:Chocolate Shop
2019/07/24 全球购物
财务部岗位职责
2013/11/19 职场文书
大三学生入党思想汇报
2014/01/02 职场文书
乡镇八一建军节活动方案
2014/08/24 职场文书
收款委托书
2014/10/14 职场文书
2014年青年志愿者工作总结
2014/12/09 职场文书
邓小平文选读书笔记
2015/06/29 职场文书
某药房的新员工入职告知书!
2019/07/15 职场文书
职业规划从高考志愿专业选择开始
2019/08/08 职场文书
vue-cropper组件实现图片切割上传
2021/05/27 Vue.js
Python中np.random.randint()参数详解及用法实例
2022/09/23 Python