<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
>
<
meta
http-equiv
=
"Content-Type"
content
=
"text/html; charset=gb2312"
/>
<
title
>无标题文档</
title
>
<
style
type
=
"text/css"
>
#divTest{
background:#F1F1F1; border:1px solid #006699; height:100px; width:100px;
}
</
style
>
<
script
type
=
"text/javascript"
>
function move(){
var obj = document.getElementById("div");
obj.style.display = "";
var clientWidth = document.documentElement.clientWidth;
var clientHeight = document.documentElement.clientHeight;
var objWidth = obj.offsetWidth;
var objHeight = obj.offsetHeight;
var x = ( clientWidth - objWidth ) / 2;
var y = ( clientHeight - objHeight ) / 2;
obj.style.position = "absolute";
obj.style.left = x + "px";
obj.style.top = y + "px";
}
</
script
>
</
head
>
<
body
>
<
input
type
=
"button"
value
=
"测试"
onclick
=
"move()"
/>
<
div
id
=
"divTest"
style
=
"display:none"
>
测试内容
</
div
>
</
body
>
</
html
>