这次项目中需要使用在弹出窗口时使用遮罩层来屏蔽页面上其他的操作,所以参考资料写了一个可复用的:
BRMMS = {},BRMMS.BackDiv = {};
/**弹出一个底部的层遮住页面,禁止用户进行当前层外的其他操作
*/
BRMMS.BackDiv.popBackDiv=function(){
var bWidth=parseInt(document.documentElement.scrollWidth);
var bHeight=parseInt(document.documentElement.scrollHeight);
var isIe=(document.all)?true:false;
var back=document.createElement("div");
back.id="back";
var styleStr="top:0px;left:0px;position:absolute;background:#666;width:"+bWidth+"px;height:"+bHeight+"px;z-index:1;";
styleStr+=(isIe)?"filter:alpha(opacity=1);":"opacity:0.01;";
back.style.cssText=styleStr;
document.body.appendChild(back);
}
/**去掉底部的层
*/
BRMMS.BackDiv.delBackDiv=function(){
if(document.getElementById('back')!=null)
{
document.getElementById('back').parentNode.removeChild(document.getElementById('back'));
};
}
/**将底部的层设置为当前页面大小
*/
BRMMS.BackDiv.resizeBackDiv=function(){
var back= document.getElementById('back');
if(back!=null){
back.style.width =""+parseInt(document.documentElement.scrollWidth)+"px";
back.style.height =""+parseInt(document.documentElement.scrollHeight)+"px";
}
}
分享到:
相关推荐
点击弹出浮动层 弹出遮罩层 点击弹出浮动层 弹出遮罩层
这是一款非常实用的jQuery图片点击弹出遮罩层标记注释特效。该遮罩层插件在用户点击图片的时候会弹出一个半透明的遮罩层,在遮罩层上你可以标记图片的任意位置,为它加上什么文字。
JS变灰页面显示遮罩层登录窗口,使页面无法操作 JS变灰页面显示遮罩层登录窗口,使页面无法操作
项目中用到过的自动判断是否是微信浏览器,然后弹出遮罩层,使用很方便
Javascript实现移动端点击按钮弹出遮罩层,自适应移动端屏幕大小。
jQuery弹出遮罩层步骤流程表单代码是一款点击弹出遮罩层窗口带步骤流程上一步下一步表单完成代码。
弹出层(遮罩层)弹出页面垂直居中,一个不错的例子,可拿来使用。
这是一款使用html5 svg和css3制作的全屏遮罩导航菜单,这些遮罩层没有固定的大小但是它们全屏覆盖整个屏幕,可以说大小是以你的浏览器为准。默认是绿色背景,你完全可以换成其它颜色,这个不用我细说了吧。 请在现代...
asp.net 使用jquery弹出遮罩层的例子!
用JS弹出一个遮罩层,可用天登录、注册 绝对实用
jQuery点击弹出遮罩层图片放大查看代码
微信小程序开发遮罩层弹出框的实现,简单实现,点击弹出遮罩,类似弹出框
js弹出遮罩层,在做网页的时候非常实用js弹出遮罩层,在做网页的时候非常实用js弹出遮罩层,在做网页的时候非常实用
js实现的弹出遮罩层特效,代码简单、易用。
iframe弹出框遮罩父类页面,进去之后直接打开demo里面的layout.html 页面看效果,然后查看代码;才方法不需要将子类的js 及弹出框的代码写在父类里面,依旧是写在子类页面里面
从网上下载的遮罩层,自己修改了一下 通过链接即可调用:('ModuleEdit.aspx','新建模块');">新建功能模块</a>
点击按钮弹出悬浮层,层上有数据且可以关闭 页面点击按钮后出现遮罩层,遮罩层上面有...所以选择弹出层,一层遮罩层,一层显示详情层,遮罩层的好处可以让用户在看详情的时候不能操作页面其他位置,防止页面出现错误。
利用div+css制作弹出层并遮罩层,主用用了两个div,一个div用于弹出框,另一个则遮罩整个页面
微信判断浏览器自动弹出遮罩层【完整代码】,是完整的,下载就能用,不是网上的一段一段的.
弹出遮罩层