当前位置: 代码迷 >> JavaScript >> 页内窗口怎么居中?
  详细解决方案

页内窗口怎么居中?

热度:183   发布时间:2012-03-26 15:46:56.0
页内窗口如何居中??
<html>
<head>
<title> _xWin </title>
<meta   http-equiv= "Content-Type "   content= "text/html;   charset=gb2312 ">

<style   type= 'text/css '>
<!--
body{font-size:12px;}
a:visited{text-decoration:none;color:slategray;}
a:hover{text-decoration:underline;color:slategray;}
a:link{text-decoration:none;color:slategray;}
-->
</style>
<script   language=JScript>
<!--
//可以打包为js文件;
var   x0=0,y0=0,x1=0,y1=0;
var   offx=6,offy=6;
var   moveable=false;
var   hover= 'orange ',normal= '#336699 ';//color;
var   index=10000;//z-index;
//开始拖动;
function   startDrag(obj)
{
if(event.button==1)
{
//锁定标题栏;
obj.setCapture();
//定义对象;
var   win   =   obj.parentNode;
var   sha   =   win.nextSibling;
//记录鼠标和层位置;
x0   =   event.clientX;
y0   =   event.clientY;
x1   =   parseInt(win.style.left);
y1   =   parseInt(win.style.top);
//记录颜色;
normal   =   obj.style.backgroundColor;
//改变风格;
obj.style.backgroundColor   =   hover;
win.style.borderColor   =   hover;
obj.nextSibling.style.color   =   hover;
sha.style.left   =   x1   +   offx;
sha.style.top   =   y1   +   offy;
moveable   =   true;
}
}
//拖动;
function   drag(obj)
{
if(moveable)
{
var   win   =   obj.parentNode;
var   sha   =   win.nextSibling;
win.style.left   =   x1   +   event.clientX   -   x0;
win.style.top   =   y1   +   event.clientY   -   y0;
sha.style.left   =   parseInt(win.style.left)   +   offx;
sha.style.top   =   parseInt(win.style.top)   +   offy;
}
}
//停止拖动;
function   stopDrag(obj)
{
if(moveable)
{
var   win   =   obj.parentNode;
var   sha   =   win.nextSibling;
var   msg   =   obj.nextSibling;
win.style.borderColor   =   normal;
obj.style.backgroundColor   =   normal;
msg.style.color   =   normal;
sha.style.left   =   obj.parentNode.style.left;
sha.style.top   =   obj.parentNode.style.top;
obj.releaseCapture();
moveable   =   false;
}
}
//获得焦点;
function   getFocus(obj)
{
if(obj.style.zIndex!=index)
{
index   =   index   +   2;
var   idx   =   index;
obj.style.zIndex=idx;
obj.nextSibling.style.zIndex=idx-1;
}
}
//最小化;
function   min(obj)
{
var   win   =   obj.parentNode.parentNode;
var   sha   =   win.nextSibling;
var   tit   =   obj.parentNode;
var   msg   =   tit.nextSibling;
var   flg   =   msg.style.display== "none ";
if(flg)
{
win.style.height   =   parseInt(msg.style.height)   +   parseInt(tit.style.height)   +   2*2;
sha.style.height   =   win.style.height;
msg.style.display   =   "block ";
obj.innerHTML   =   "0 ";
}
else
{
win.style.height   =   parseInt(tit.style.height)   +   2*2;
sha.style.height   =   win.style.height;
obj.innerHTML   =   "2 ";
  相关解决方案