如何使div在任何分辩率的情况下居中
时间:2007-08-13 09:10:00
在并不知道DIV浮动层的宽度,高度的情况下,如何使浮动层在任何分辩率的情况下居中呢!
下面使用了JAVASCRIPT来实现这个功能,它可以根据页面的变化动态改变层的位置。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title> * emu * </title>
<SCRIPT>
<!--
window.onresize = resetDIV;
function resetDIV()
{
with(document.getElementsByTagName("DIV")[0].style)
{
left = (document.body.offsetWidth-parseInt(width))/2
top = (document.body.offsetHeight-parseInt(height))/2
}
}
//-->
</SCRIPT>
</head>
<body onload="resetDIV()">
<div style="position:absolute;width=200;height=200;background-color=yellow"></div>
</body>
</html>
[提示:你可先修改部分代码,再按运行]
标签:div居中
0
投稿
猜你喜欢
学习ASP.NET八天入门:第七天
2007-08-07 13:52:00
大写锁定提醒
2009-06-11 13:12:00
连接无法用于执行此操作。在此上下文中它可能已被关闭或无效
2011-03-15 23:03:00
发现几处IE与firefox的js和css几处不同点
2008-02-02 10:15:00
ASP缓存类 【先锋缓存类】Ver2004
2009-01-05 12:28:00
phpMyAdmin安装配置方法
2009-09-09 20:15:00
javascript 函数调用的对象和方法
2010-07-02 12:25:00
浅谈Javascript中的事件流和事件绑定
2009-07-20 17:13:00
WEB2.0网页制作标准教程(1)选择什么样的DOCTYPE
2007-11-13 12:57:00
如何从数据库断开recordset,提高运行速度?
2009-11-15 20:01:00
自动生成sql语句
2008-05-09 12:42:00
asp空间判断jmail组件是否安装或支持的代码
2011-02-16 10:49:00
什么是用户体验优化(UEO)
2008-08-27 19:49:00
sql server常用命令行操作(启动、停止、暂停)
2012-01-05 19:02:48
Linux操作系统中如何安装MySQL数据库
2007-10-26 15:58:00
视觉注意力—解剖设计的根源
2010-01-22 15:12:00
社会化音乐:在夹缝中生出花来
2009-08-24 12:37:00
ASP 使用三层架构 asp中使用类
2011-03-16 10:52:00
XPath 1.0 学习笔记
2009-02-25 12:19:00
快速解决 MySQL中与浮点比较有关的问题
2008-11-27 16:28:00