用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 相关文章推荐
ext for eclipse插件安装方法
Apr 27 Javascript
Easy.Ajax 部分源代码 支持文件上传功能, 兼容所有主流浏览器
Feb 24 Javascript
JS中字符串trim()使用示例
May 26 Javascript
JS判断页面是否出现滚动条的方法
Jul 17 Javascript
JavaScript实现下拉列表框数据增加、删除、上下排序的方法
Aug 11 Javascript
以Python代码实例展示kNN算法的实际运用
Oct 26 Javascript
关于JavaScript限制字数的输入框的那些事
Aug 14 Javascript
老生常谈javascript变量的命名规范和注释
Sep 29 Javascript
jQuery实现的简单在线计算器功能
May 11 jQuery
使用Vue实现图片上传的三种方式
Jul 17 Javascript
详解如何提升JSON.stringify()的性能
Jun 12 Javascript
js实现经典贪吃蛇小游戏
Mar 19 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
ThinkPHP使用心得分享-分页类Page的用法
2014/05/15 PHP
Codeigniter+PHPExcel实现导出数据到Excel文件
2014/06/12 PHP
用PHP解决的一个栈的面试题
2014/07/02 PHP
PHP利用MySQL保存session的实现思路及示例代码
2014/09/09 PHP
Yii2中Restful API原理实例分析
2016/07/25 PHP
PHP实现防止表单重复提交功能【基于token验证】
2018/05/24 PHP
PHP批斗大会之缺失的异常详解
2019/07/09 PHP
jQuery 判断页面元素是否存在的代码
2009/08/14 Javascript
表头固定(利用jquery实现原理介绍)
2012/11/08 Javascript
解析js如何获取当前url中的参数值并复制给input
2013/06/23 Javascript
基于jQuery实现表单提交验证
2014/11/24 Javascript
Javascript添加监听与删除监听用法详解
2014/12/19 Javascript
jQuery简单实现input文本框内灰色提示文本效果的方法
2015/12/02 Javascript
javascript实现简单加载随机色方块
2015/12/25 Javascript
逻辑表达式中与或非的用法详解
2016/06/06 Javascript
JavaScript中两个字符串的匹配
2016/06/08 Javascript
jQuery实现的网页换肤效果示例
2016/09/20 Javascript
微信小程序全局变量GLOBALDATA的定义和调用过程解析
2019/09/23 Javascript
vue.js封装switch开关组件的操作
2020/10/26 Javascript
vue实现简易计算器功能
2021/01/20 Vue.js
python查找指定具有相同内容文件的方法
2015/06/28 Python
python3中int(整型)的使用教程
2017/03/23 Python
Python数据库小程序源代码
2019/09/15 Python
TensorFlow tf.nn.conv2d_transpose是怎样实现反卷积的
2020/04/20 Python
使用css3制作登录表单的步骤
2014/04/07 HTML / CSS
英国家电直销:Appliances Direct
2016/09/22 全球购物
最耐用行李箱,一箱永流传:Briggs & Riley(全球终身保修)
2017/12/07 全球购物
荷兰美妆护肤品海淘网站:Beautinow(中文)
2020/11/22 全球购物
办公室助理岗位职责
2013/12/25 职场文书
5.12护士节演讲稿
2014/04/30 职场文书
行政专员求职信范文
2014/05/03 职场文书
小学班主任工作随笔
2015/08/15 职场文书
2019年销售部季度工作计划3篇
2019/10/09 职场文书
SQL实现LeetCode(197.上升温度)
2021/08/07 MySQL
Windows Server 2016 配置 IIS 的详细步骤
2022/04/28 Servers
css中:last-child不生效的解决方法
2022/08/05 HTML / CSS