//*显示弹出层*
// 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");
}
[b]HTML中div个层的定义[/b]
//弹出层
<div id="popup" style="display:none"></div>
//背景层
<div id="bgPopup" style="display:none"></div>
[b]css支持[/b]
/* 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;
}