js形成页面的一种遮罩效果实例代码


Posted in Javascript onJanuary 04, 2014

用这锻代码 之前请先下载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 11 Javascript
JQuery for与each性能比较分析
May 14 Javascript
可选择和输入的下拉列表框示例
Nov 05 Javascript
node.js中的fs.statSync方法使用说明
Dec 16 Javascript
jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法
Aug 10 Javascript
js实现横向伸展开的二级导航菜单代码
Aug 28 Javascript
jQuery元素选择器实例代码
Feb 06 Javascript
Vue数据监听方法watch的使用
Mar 28 Javascript
js实现的在本地预览图片功能示例
Nov 09 Javascript
vue学习笔记之作用域插槽实例分析
Feb 01 Javascript
JS数据类型判断的几种常用方法
Jul 07 Javascript
JavaScript Blob对象原理及用法详解
Oct 14 Javascript
JavaScript将数据转换成整数的方法
Jan 04 #Javascript
jquery.post用法关于type设置问题补充
Jan 03 #Javascript
JQuery处理json与ajax返回JSON实例代码
Jan 03 #Javascript
jquery.post用法示例代码
Jan 03 #Javascript
简单的代码实现jquery定时器
Jan 03 #Javascript
jquery将一个表单序列化为一个对象的方法
Jan 03 #Javascript
jQuery的DOM操作之删除节点示例
Jan 03 #Javascript
You might like
THINKPHP+JS实现缩放图片式截图的实现
2010/03/07 PHP
PHP字符过滤函数去除字符串最后一个逗号(rtrim)
2013/03/26 PHP
php实现图片按比例截取的方法
2017/02/06 PHP
PHP中PCRE正则解析代码详解
2019/04/26 PHP
你必须知道的JavaScript 变量命名规则详解
2013/05/07 Javascript
点击进行复制的JS代码实例
2013/08/23 Javascript
window.onload追加函数使用示例
2014/03/03 Javascript
javascript截取字符串小结
2015/04/28 Javascript
nodejs通过phantomjs实现下载网页
2015/05/04 NodeJs
深入浅析Extjs中store分组功能的使用方法
2016/04/20 Javascript
jQuery自定义数值抽奖活动代码
2016/06/11 Javascript
js实现时间轴自动排列效果
2017/03/09 Javascript
vue+swiper实现组件化开发的实例代码
2017/10/26 Javascript
浅析vue-router中params和query的区别
2019/12/24 Javascript
十分钟教你上手ES2020新特性
2020/02/12 Javascript
[57:36]DOTA2-DPC中国联赛 正赛 SAG vs CDEC BO3 第三场 2月1日
2021/03/11 DOTA
Python黑帽编程 3.4 跨越VLAN详解
2016/09/28 Python
python实战之实现excel读取、统计、写入的示例讲解
2018/05/02 Python
Python3处理HTTP请求的实例
2018/05/10 Python
python筛选出两个文件中重复行的方法
2018/05/31 Python
python MultipartEncoder传输zip文件实例
2020/04/07 Python
HTML5 拖放功能实现代码
2016/07/14 HTML / CSS
英国家居用品和床上用品零售商:P&B Home
2020/01/16 全球购物
Made in Design意大利:现代家具、名家灯具和装饰
2020/10/27 全球购物
写给女朋友的检讨书
2014/01/28 职场文书
《果园机器人》教学反思
2014/04/13 职场文书
政府绩效管理实施方案
2014/05/04 职场文书
祖国在我心中演讲稿(小学生)
2014/09/23 职场文书
酒店管理专业毕业生自我鉴定
2014/09/29 职场文书
2015年助理工程师工作总结
2015/04/03 职场文书
2015年大学社团工作总结
2015/04/09 职场文书
社区节水倡议书
2015/04/29 职场文书
在校生证明
2015/06/17 职场文书
SQL Server中交叉联接的用法详解
2021/04/22 SQL Server
HTML怎么设置下划线?html文字加下划线方法
2021/12/06 HTML / CSS
Win11 Dev 预览版25174.1000发布 (附更新修复内容汇总)
2022/08/05 数码科技