以下是代码片段：
<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=200 height=250 border=1 cellspacing="0" cellpadding="0" >
<TR>
<TD id=up bgColor=#330099></TD></TR>
<TR>
<TD id=mid height=40 bgColor=#3366CC onMouseDown="fnDown()" onMouseMove="fnMove()" onMouseUp="fnUp"></TD>
</TR>
<TR>
<TD id=down bgColor=#330099></TD></TR>
</TABLE>
</body>
</html> | 