想做一个弹出层(网上找了很久了,都不怎么满意,主要是风格不合适,改起来又比较麻烦),刚接触jquery不久,一开始就遇到了难题,我想先做一个弹出div层,然后设置z-index属性以及高度和宽度背景颜色等,
我用的是$(document).height(),$(document).width()来获取窗口的高度和宽度,可是双击浏览器改变窗口的大小时,这个高度不跟着改变
<style type="text/css">
#cover{
width:100%;
background-color:#CCCCCC;
z-index:99;
display:none;
}
</style><body>
<input type="button" id="btn" value="show" />
<div id="cover"></div>
</body>
var btn = $("#btn");
var show = $("#cover");
btn.click(function(){
show.css({"position":"absolute","top":"0","left":"0"});
show.height($(document).height());
show.show();
});
</script>
请问该如何设置这个div层的大小???

解决方案 »

  1.   

    你是要层和窗口大小一样?? 那你要添加resize事件,当窗口大小改变时重新设置层的高$(window).resize(function(){////////
    show.height($(document).height());
    });
      

  2.   


    <head>
    <script language="JavaScript1.2">
    function Hidecontent(divid) {
    divid.filters.revealTrans.apply();
    divid.style.visibility = "hidden";
    divid.filters.revealTrans.play();
    }
    </script>
    </head><body>
    <script language="JavaScript"> 
    <!--
    var w=screen.width 
    if(w=="") $w=1024
    if(w>1024){
    w=(w-1024)/2+150
    }else if(w<1024){
    w=(w-1024)/2+150
    }else{
    w=150
    }
    document.write(w);
    //--> 
    </script><div id='READ' style='left:document.write(w);px;top:260px;width:486;position:absolute;filter:revealTrans(transition=23,duration=0.5) 
    blendTrans(duration=0.5);z-index:10;' class=article><table border='1' cellpadding='3' cellspacing='0' width='486' bgcolor=#F4F1D9 
    bordercolor='#FFFF00'><tr><td bgcolor='#FFFF00'><font style='text-decoration: none' title='关闭提醒' color='#FF0000'>浮动广告</font></td><td 
    align='right' bgcolor='#FFFF00'><a href='javascript:void(Hidecontent(READ))'><font style='text-decoration:none;'title='关闭广告'><b>× 
    </b></font></a></td></tr><tr><td height='100' valign='middle' align='center' colspan='2'>广告内容<br>
    </body></html>
      

  3.   

    使用$(window).height()
    $(window).width()可以获取当前窗口高度和宽度jquery有一款插件:blockUI很好用,楼主可以看看
    参考地址:http://jquery.malsup.com/block/#demos
      

  4.   

    jquery插件
    http://download.csdn.net/source/3207027
    人家已经做得很好了, 看看吧