表格中可以上下移动的表格

我不是鱼

UID: 2
帖子: 1402
积分: 3221
在线时间: 2077小时
注册时间: 2006-05-16
最后登录: 2019-01-15

1^# 我不是鱼发表于2006-06-13

表格中可以上下移动的表格

提示：您可以先修改部分代码再运行

<html> 
 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>网页特效|Linkweb.cn/Js|---表格中可以上下移动的表格</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>

提示：您可以先修改部分代码再运行

[ 本帖最后由我不是鱼于 2006-8-15 03:32 编辑 ]

如履薄冰

秋风

UID: 16
帖子: 13
积分: 17
在线时间: 6小时
注册时间: 2006-05-19
最后登录: 2006-12-05

2^# 秋风发表于2006-06-13

kk

hifly520

UID: 69
帖子: 1
积分: 1
在线时间: 1小时
注册时间: 2006-06-06
最后登录: 2007-03-20

3^# hifly520 发表于2006-06-15

ll

独享自由

UID: 571
帖子: 7
积分: 7
在线时间: 1小时
注册时间: 2006-08-14
最后登录: 2006-08-14

4^# 独享自由发表于2006-08-14

ding