网页遮罩层

最新推荐文章于 2025-04-27 09:05:10 发布

iteye_18107

最新推荐文章于 2025-04-27 09:05:10 发布

阅读量240

点赞数

分类专栏： JS 文章标签： QQ Microsoft

JS 专栏收录该内容

37 篇文章

订阅专栏


/**
 * 页面遮罩
 * 在body后：
 * 	<!-- 透明遮罩 -->
 *		<DIV id="divMask"></div>
 *	<!-- 透明遮罩 end -->
 *			
 * 调用 showMask() 打开遮罩   closeMask()关闭遮罩
 * author:lym6520@qq.com  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;

}