社区
JavaScript
帖子详情
如何取得当前窗口的宽度和高度,使div能在窗口中居中显示
joan_lu
2002-08-15 01:35:08
我要在click 某一按钮后显示一div,要将它居中显示在当前窗口,或覆盖在按钮
上,但取不到按钮的left和top值,为undefined.
...全文
137
4
打赏
收藏
如何取得当前窗口的宽度和高度,使div能在窗口中居中显示
我要在click 某一按钮后显示一div,要将它居中显示在当前窗口,或覆盖在按钮 上,但取不到按钮的left和top值,为undefined.
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用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>
使
div
元素
居
中
显示
(通过css控制元素
居
中
)
1. 实现
DIV
水平
居
中
设置
DIV
的宽高,使用margin设置边距0 auto,CSS自动算出左右边距,使得
DIV
居
中
。
div
{ ...缺点:需要设置
div
的
宽度
...要让
DIV
水平和垂直
居
中
,必需知道该
DIV
得
宽度
和
高度
,然后设置位置为绝对
高度
不定垂直
居
中
_
宽度
高度
不固定的
div
如何水平
居
中
以及垂直
居
中
从
宽度
高度
不固定的
div
如何水平
居
中
以及垂直
居
中
如何让
div
水平
居
中
以及垂直
居
中
,在宽高不定的情况下要让
DIV
水平和垂直
居
中
,必需知道该
DIV
得
宽度
和
高度
,然后设置位置为绝对位置,距离页面
窗口
左边框和上边框的距离...
使用JavaScript实现
DIV
元素的
居
中
是网页开发
中
常见的需求之一
在center
Div
函数内部,我们首先获取
DIV
元素的引用,然后使用window对象的...最后,我们根据
窗口
的
宽度
、
高度
和
DIV
元素的
宽度
、
高度
计算出
DIV
元素的左边距和顶部边距,并将其应用到
DIV
元素的样式
中
,实现
居
中
效果。
让
div
在body
中
居
中
显示
我们在设计页面的时候,经常要把
DIV
居
中
显示
,而且是相对页面
窗口
水平和垂直方向
居
中
显示
,如让登录
窗口
居
中
显示
。我们传统解决的办法是用纯CSS来让
DIV
居
中
。在本文
中
,我将给大家讲述如何用CSS和jQuery两种方法让...
通过JavaScript使
div
随时
居
中
下面就跟大家一起简单分析下JS是如何实现让
DIV
盒子,在页面自动
居
中
,并且随着页面的变动,也能
居
中
。 思路: 一、首先我们的
DIV
盒子模型,一般是绝对定位于浏览器的,那么首先我们可以先获取整个页面(浏览器的...
JavaScript
87,996
社区成员
224,693
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章