鼠标可以拖动的嵌套表格（JavaScript）

点击(此处)折叠或打开

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>石家庄自动门</title>
</head>
<body>
<script>
var isDraging=false;var ox,oy;function fnDown()
{
isDraging=true;
ox=event.offsetX;
oy=event.offsetY;
mid.setCapture();}
function fnMove()
{if(event.button!=1)
fnRelease();
if(isDraging){
var th=event.y-oTable.offsetTop-oy;
if (th<1) th=1;
if(th+parseInt(mid.height)>parseInt(oTable.height))
th=parseInt(oTable.height)-parseInt(mid.height);
up.height=th;
}
}
function fnUp(){fnRelease();
}
function
fnRelease()
{
isDraging=false;
mid.releaseCapture();}</script>
<BODY>
<TABLE id=oTable width=360 height=312 border=1 cellspacing="0" cellpadding="0" >
<TR>
<TD id=up bgColor=#0066CC></TD></TR>
<TR>
<TD id=mid height=38 bgColor=#000000 onmousedown="fnDown()" onmousemove="fnMove()" onmouseup="fnUp"></TD>
</TR>
<TR>
<TD id=down bgColor=#0066CC></TD></TR>
</TABLE>
</body>
</html>