先来看效果:

 

jquery实现弹出框

如果弹出的是层,设置高宽应该好做一点

js代码如下:

[CODE=javascript]

$(document).ready(function(){
$(“#opennew_bg”).css({
“height”: document.documentElement.clientHeight
});

/*鼠标移过图像*/
$(“.op_close”).find(“img”).hover(
function(){
$(“.op_close”).find(“img”).attr(“src”,”../images/close1.gif”);
},
function(){
$(“.op_close”).find(“img”).attr(“src”,”../images/close.gif”);
}
);

/*关闭打开弹出层*/
$(“#opennew_bg”).dblclick(function(){
if($(“#opennew_con”).css(“display”)==”none”){ $(“#opennew_con”).fadeIn(“slow”); $(“#opennew_bg”).css(“display”,”block”); $(“#opennew_bg”).fadeTo(“slow”,0.6);}
else {$(“#opennew_con”).fadeOut(“slow”); $(“#opennew_bg”).fadeTo(“slow”,0,function(){$(“#opennew_bg”).css(“display”,”none”);});showlist(page); /*此为更改后的刷新情况,不同页面可能不同*/}
});
$(“.op_close”).find(“img”).click(function(){$(“#opennew_bg”).dblclick();});

});/*(document).ready end*/
function opennew(url,h,w){
$(“#op_content”).html(“