网页遮罩层

/**
 * 页面遮罩
 * 在body后：
 * 	<!-- 透明遮罩 -->
 *		<DIV id="divMask"></div>
 *	<!-- 透明遮罩 end -->
 *			
 * 调用 showMask() 打开遮罩   closeMask()关闭遮罩
 * author:[e-mail]  08/11/25
 */

/**
 * 显示遮罩
 */
function showMask(){
	  var divMask = document.getElementById('divMask');
	  divMask.style.backgroundColor = 'white';
	  divMask.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=50,finishOpacity=50);';//'alpha(opacity = 60)';
	  divMask.style.opacity = '0.5';
	  divMask.style.left = '0px'; 
	  divMask.style.position = 'absolute';
	  divMask.style.top = '0px';
	  
      resizeMask();
      window.onresize = resizeMask;
}

/**
 * 关闭遮罩
 */
function closeMask()
{	  var divMask = document.getElementById('divMask');
      divMask.style.width = "0px";
      divMask.style.height = "0px";
      window.onresize = null;
}

function resizeMask()
{	  var divMask = document.getElementById('divMask');
      divMask.style.width = document.body.scrollWidth;
      divMask.style.height = document.body.scrollHeight;

}

评论

2 楼 聆听者 2014-02-19  

在ie6里面有效果能否兼容下呢  哥们

1 楼 聆听者 2014-02-19  

没效果呀 哥们