想要实现网页里拖拉的功能

如何实现网页里拖拉表格的功能 

解决方案 »

  1.   

    <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>
      

  2.   

    http://www.smallrain.net/js_search.asp?keywords=%B1%ED%B8%F1
     对表格进行拖拽来交换单元格的数据