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();
}