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 相关文章推荐
简短几句jquery代码的实现一个图片向上滚动切换
Sep 02 Javascript
js+JQuery返回顶部功能如何实现
Dec 03 Javascript
javascript重复绑定事件造成的后果说明
Mar 02 Javascript
node.js中的fs.lchownSync方法使用说明
Dec 16 Javascript
jquery实现带渐变淡入淡出并向右依次展开的多级菜单效果实例
Aug 22 Javascript
不得不分享的JavaScript常用方法函数集(下)
Dec 25 Javascript
Vue.js实现可配置的登录表单代码详解
Mar 29 Javascript
浅谈vue方法内的方法使用this的问题
Sep 15 Javascript
jQuery实现上下滚动公告栏详细代码
Nov 21 jQuery
详解vue2.6插槽更新v-slot用法总结
Mar 09 Javascript
浅谈对于“不用setInterval,用setTimeout”的理解
Aug 28 Javascript
利用js canvas实现五子棋游戏
Oct 11 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
PHPnow安装服务[apache_pn]失败的问题的解决方法
2010/09/10 PHP
vs中通过剪切板循环来循环粘贴不同内容
2011/04/30 PHP
使用php伪造referer的方法 利用referer防止图片盗链
2014/01/20 PHP
smarty获得当前url的方法分享
2014/02/14 PHP
php字符串替换函数substr_replace()用法实例
2015/03/17 PHP
PHP读取并输出XML文件数据的简单实现方法
2017/12/22 PHP
详解PHP变量传值赋值和引用赋值变量销毁
2019/03/23 PHP
thinkphp5.1框架模板赋值与变量输出示例
2020/05/25 PHP
一个简单的jQuery插件制作 学习过程及实例
2010/04/25 Javascript
基于jQuery制作迷你背词汇工具
2010/07/27 Javascript
JsDom 编程小结
2011/08/09 Javascript
jQuery点击tr实现checkbox选中的方法
2013/03/19 Javascript
实例分析js和C#中使用正则表达式匹配a标签
2014/11/26 Javascript
[原创]Javascript 实现广告后加载 可加载百度谷歌联盟广告
2016/05/11 Javascript
详解React Native网络请求fetch简单封装
2017/08/10 Javascript
vue-cli中的webpack配置详解
2017/09/25 Javascript
vue的style绑定background-image的方式和其他变量数据的区别详解
2018/09/03 Javascript
vue倒计时刷新页面不会从头开始的解决方法
2020/03/03 Javascript
vue实现移动端H5数字键盘组件使用详解
2020/08/25 Javascript
[01:08:48]LGD vs OG 2018国际邀请赛淘汰赛BO3 第三场 8.25
2018/08/29 DOTA
Python实现堆排序的方法详解
2016/05/03 Python
PyQt实现界面翻转切换效果
2018/04/20 Python
python中数组和矩阵乘法及使用总结(推荐)
2019/05/18 Python
Python常用模块logging——日志输出功能(示例代码)
2019/11/20 Python
tensorflow之变量初始化(tf.Variable)使用详解
2020/02/06 Python
玩具反斗城葡萄牙官方商城:Toys"R"Us葡萄牙
2016/10/21 全球购物
自我鉴定怎么写
2013/12/05 职场文书
新文化运动的口号
2014/06/21 职场文书
求职自我推荐信
2014/06/25 职场文书
领导班子三严三实心得体会
2014/10/13 职场文书
世界环境日活动总结
2015/02/11 职场文书
关于元旦的广播稿2016
2015/12/17 职场文书
SpringBoot 集成Redis 过程
2021/06/02 Redis
日本十大血腥动漫,那些被禁播的动漫盘点
2022/03/21 日漫
Minikube搭建Kubernetes集群
2022/03/31 Servers
Vue ECharts实现机舱座位选择展示功能
2022/05/15 Vue.js