JQuery弹出层

//*显示弹出层* 
	// left:离最左边的像素
	// top:离最上边的像素
	//width:弹出层宽度
	//height:弹出层高度
	//html:弹出层要显示的html内容
	function showPopup(left,top,width,height,html){
			var popup = $("#popup");
			var bgPopup = $("#bgPopup")						
			popup.css({
				"width":width+"px",
				"height":height+"px",
				"left":left,
				"top":top
			});			
			bgPopup.css({
				"opacity":"0.0",  //透明度
				"width":screen.width+"px",
				"height":(document.body.scrollTop+screen.height)+"px"
			});			
			bgPopup.bind("click",function(){
				popup.hide(300);
				bgPopup.fadeOut("show");
			});	
			popup.html(html);
			popup.show(300);
			bgPopup.fadeIn("show");		
	}

HTML中div个层的定义

//弹出层
<div id="popup" style="display:none"></div>
//背景层
<div id="bgPopup" style="display:none"></div>

css支持

/* CSS Document */

#popup{
	display:none;
	position:fixed;
	_position:absolute;
	background-color:#ffffff;
	border:2px solid #cecece;
	z-index:2;
}
#bgPopup{
	display:none;
	position:fixed;
	_position:absolute;
	top:0;
	left:0;
	background-color:#000000;
	border:1px solid #cecece;
	z-index:1;
}