免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 1396 | 回复: 0
打印 上一主题 下一主题

通过JS得到屏幕的绝对居中位置 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2008-07-07 07:36 |只看该作者 |倒序浏览
在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
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP