用 js 形成页面的一种遮罩效果,选择想要进行遮罩的窗口,在这里想要遮罩的是一个 iframe 窗口,具体的实现如下,感兴趣的朋友可以参参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
用这锻代码 之前请先下载 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");
- }
- }
来源: