`
dengminhui
  • 浏览: 164394 次
  • 来自: ...
社区版块
存档分类
最新评论

如何弹出遮罩层屏蔽页面所有操作

 
阅读更多

这次项目中需要使用在弹出窗口时使用遮罩层来屏蔽页面上其他的操作,所以参考资料写了一个可复用的:

 

		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";	  
 			}
		}

 

1
0
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics