【求助】能在浏览器里通过鼠标拖动来改变表格大小的JS。

改变table的列宽
http://jkisjk.vip.sina.com/html/ChangeColumnWidth.htm可用鼠标移动和改变大小的table
http://jkisjk.vip.sina.com/html/MoveTableWithMouse.htm

解决方案 »

  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>