css+div+jquery弹出层

/**弹出层   开始*/
.show_m_div { /**弹出层 */
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	padding: 8px;
	z-index: 1002;
}
.bg_lockDiv { /**遮罩层 */
	display: none;
	height:100%;
	width:100%;
	position: absolute;
	top: 0%;
	left: 0%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.7;
	opacity: .70;
	filter: alpha(opacity = 70);
}
/**弹出层   结束*/

 /** 无滚动条的 弹出层 */

function showMDiv(){
	document.body.style.overflow="hidden";
	$("#bg_lock_div").show();
	$("#show_m_div").show();
}
function hiddenMDiv(){
	document.body.style.overflow="";
	$("#show_m_div").hide();
	$("#bg_lock_div").hide();
}

 /**有滚动条的 弹出层 */

function showMDiv(){
	var bg_Width = document.documentElement.scrollWidth;
	var bg_height = document.documentElement.scrollHeight;
	$("#bg_lock_div").css({'width':bg_Width,'height':bg_height}).show();
	$("#show_m_div").show();
}
function hiddenMDiv(){
	$("#show_m_div").hide();
	$("#bg_lock_div").hide();
}