Chinaunix

标题: 通过JS得到屏幕的绝对居中位置 [打印本页]

作者: thriller818 时间: 2008-07-07 07:36
标题: 通过JS得到屏幕的绝对居中位置
在AJAX火暴的今天,JS是火的不能再火了,各种各样的仿桌面应用的效果都出来了.
在登录或者提示这一方面,需要显示一个DIV层在页面的正中间.
这里就出问题了,在网上搜了很多的方法,但是不知道我写错了还是怎么着
就是放不到中间去,没办法,自已折腾出了,在我这面是正常,FF上也正常
大家可以试试.

var myWidth = 0, myHeight = 0;
if (typeof (window.innerWidth) == "number") {
      myWidth = window.innerWidth;
      myHeight = window.innerHeight;
} else {
      if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
         myWidth = document.documentElement.clientWidth;
         myHeight = document.documentElement.clientHeight;
      } else {
         if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
            myWidth = document.body.clientWidth;
            myHeight = document.body.clientHeight;
         }
      }
}
left =(myWidth - target.clientWidth) / 2+"px";
top =(myHeight - target.clientHeight) / 2 + document.documentElement.scrollTop+"px";
上面的left和top就是目标DIV的left和top

本文来自ChinaUnix博客，如果查看原文请点：http://blog.chinaunix.net/u2/63740/showart_1074593.html

欢迎光临 Chinaunix (http://bbs.chinaunix.net/)