想做一个弹出层(网上找了很久了,都不怎么满意,主要是风格不合适,改起来又比较麻烦),刚接触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层的大小???
我用的是$(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层的大小???
show.height($(document).height());
});
<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>
$(window).width()可以获取当前窗口高度和宽度jquery有一款插件:blockUI很好用,楼主可以看看
参考地址:http://jquery.malsup.com/block/#demos
http://download.csdn.net/source/3207027
人家已经做得很好了, 看看吧