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

2007-03-08　源自:IT粉丝网　网友评论 0 条　进入视频教程

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>网页<a href='http://www.itfensi.com/exploit/web/' target='_blank' class='infotextkey'>特效</a>|itfensi.com/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>

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。

上一篇：极酷的表格（表格的颜色不断变化）
下一篇：可以手动向表格中插入文本

内容评论文章纠错发送朋友收藏本文

复制本文链接(URL)发送给朋友：

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

相关内容

开发频道推荐

开发热点文章