弹出最简单的掩蔽层的js代码

弹出最简单的掩蔽层的js代码
假设我们有一个容器容器,如下所示:
复制代码代码如下所示:

#容器{宽度:汽车;高度:汽车;溢出:隐藏;}
*这里溢出:隐藏的是设置属性;超出自动隐藏的容器部分,设置此属性,以解决IE8及以下版本的浏览兼容性问题。
在Web页面中弹出一个div层,以便在关闭弹出的div层之前不能操作容器。
然后,首先,我们需要定义这个掩码的div层,如下所示:
复制代码代码如下所示:

<!-把面具放在容器里
接下来,使用js使掩码始终显示在不在掩码层下运行屏幕上,单击关闭按钮关闭掩码层。
复制代码代码如下所示:

$(函数(){())
获取当前浏览器的内部宽度和高度
varnwidth = window.innerwidth;
varnheight = window.innerheight;
掩码层的宽度和高度设置
$(#荫)。Width(nWidth);
$(#阴影)高度(nheight);
设置/关闭按钮显示中心
$(#关闭)。Css(边缘上
当浏览器/触发器设置更改事件的大小时
$(窗口)。调整大小(函数(){)
获取当前浏览器的内部宽度和高度
varnwidth = window.innerwidth;
varnheight = window.innerheight;
掩码层的宽度和高度设置
$(#荫)。Width(nWidth);
$(#阴影)高度(nheight);
设置/关闭按钮显示中心
$(# putpwd)。Css(边缘上
});
设置关闭按钮消除遮罩层
$(#关闭)。Click(function(){)
$(#荫)。RemoveAttr(ID);
$(#荫)。Html();
});
也可以用来写纯js
document.getelementbyid(阴影)。风格…;
后退/不要再说了,如果你感兴趣,可以写信,我可以联系。
})

免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部