<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>
js实现鼠标拖动功能，可以拖动内容到任何位置
3星 · 超过75%的资源 需积分: 40 178 浏览量
2008-09-24
17:29:02
上传
评论
收藏 2KB RAR 举报 
.rar （3个子文件） 
拖动对象 鼠标拖动对象 
test.html 878B test test.html 878B
v1v2.htm 2KB资源评论
yqnf08102012-08-07可以运行的，v1v2这个可以
夜灯下的人2011-11-21不行，没调试好的。下回来一运行就报错……
