87,994
社区成员
发帖
与我相关
我的任务
分享如何取得当前窗口的宽度和高度，使div能在窗口中居中显示
我要在click 某一按钮后显示一div，要将它居中显示在当前窗口，或覆盖在按钮
上，但取不到按钮的left和top值，为undefined.
上，但取不到按钮的left和top值，为undefined.
...全文
请发表友善的回复…
发表回复
joan_lu 2002-08-21
- 打赏
- 举报
thanks a lot
meizz 2002-08-21
- 打赏
- 举报
你自己再完善一下：
<html><head><SCRIPT LANGUAGE=javascript FOR=window EVENT=onscroll><!--
var aa = document.all.testdiv;
var h2 = document.all.img1.clientHeight; //图片的高度
aa.style.pixelTop=document.body.scrollTop+document.body.clientHeight-h2-10;
//--></SCRIPT>
</HEAD>
<BODY>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id='testdiv' style="POSITION:absolute;Left:300;Top:300">
<img src=http://www.csdn.net/images/csdn.gif border=0 id=img1>
</div>
</body></html>
<html><head><SCRIPT LANGUAGE=javascript FOR=window EVENT=onscroll><!--
var aa = document.all.testdiv;
var h2 = document.all.img1.clientHeight; //图片的高度
aa.style.pixelTop=document.body.scrollTop+document.body.clientHeight-h2-10;
//--></SCRIPT>
</HEAD>
<BODY>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id='testdiv' style="POSITION:absolute;Left:300;Top:300">
<img src=http://www.csdn.net/images/csdn.gif border=0 id=img1>
</div>
</body></html>
joan_lu 2002-08-21
- 打赏
- 举报
我是要在窗口内容超过一屏以上时显示div，最好是跟mouse走，但是当窗口内容超过一屏以上时，div会显示在非显示区。
孟子E章 2002-08-19
- 打赏
- 举报
<HTML>
<script>
function divcenter(){
document.all.mxh.style.left=(Math.round((document.body.scrollWidth-200)/2)).toString()+"px"
}
</script>
<body onload="divcenter()" onresize=divcenter()>
<table width=100%>
<tr>
<td>test
</td>
</tr>
</table>
<div id=mxh style="position:absolute;left:200px;top:30px;width:200px;height:200px;background-color:navy;border:2px">测试文字</div>
</HTML>
<script>
function divcenter(){
document.all.mxh.style.left=(Math.round((document.body.scrollWidth-200)/2)).toString()+"px"
}
</script>
<body onload="divcenter()" onresize=divcenter()>
<table width=100%>
<tr>
<td>test
</td>
</tr>
</table>
<div id=mxh style="position:absolute;left:200px;top:30px;width:200px;height:200px;background-color:navy;border:2px">测试文字</div>
</HTML>
