如何取得当前窗口的宽度和高度,使div能在窗口中居中显示

joan_lu 2002-08-15 01:35:08
我要在click 某一按钮后显示一div,要将它居中显示在当前窗口,或覆盖在按钮
上,但取不到按钮的left和top值,为undefined.
...全文
137 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
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>
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>

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧