怎样在客户端，用鼠标自由的拉动改变table中的td的大小？

记得有一个叫jsLinb的做的非常不错
你可以参考一下

解决方案 »

  1.   

    下面只是个简单例子，你可以参照自行修改与调试，
    建议先理清你的需求的业务逻辑，再分步细化：
    <script type="text/javascript" src=""></script>
    <script >
    var cx = pos = 0;

    function dragit(obj)
    {
    var div = document.getElementById("d");
    if (cx!=0)
    {
    pos = event.x;
    var cp = pos-cx;
    var cw = parseInt(obj.getAttribute('width'));

    if (cp > 0)
    {
    div.innerText = "Right: "+cp;
    obj.setAttribute("width", cw+cp);
    }
    else
    {
    div.innerText = "Left: "+cp;
    obj.setAttribute("width", cw-Math.abs(cp));
    }
    }
    else
    {  return false; }
    } </script>
    </HEAD><BODY>
    <div id="d"></div><br />
    <TABLE width="600" border="1" cellpadding="0" cellspacing="0" height="30%" style="cursor:hand;">
    <TR>
    <TD bgcolor='#33FF00' onmousedown="cx = event.x;return true;" onmousemove="dragit(this);return true;" width="200" onmouseup="cx = 0;return true;">AAAAAAAAAAA</TD>
    <TD width="200" onmousedown="cx = event.x;return true;" onmousemove="dragit(this);return true;" onmouseup="cx=0;return true;">BBBBBBBBB</TD>
    <TD bgcolor='#3399FF' width="200" onmousedown="cx = event.x;return true;" onmousemove="dragit(this);return true;" onmouseup="cx=0;return true;">CCCCCCCCCCCCCCC</TD>
    </TR></TABLE>
    </BODY>
    </HTML>
      

  2.   

    因为我想做成像vb 中的datagrid一样 每一列的边都可以自由的拉动这个列的大小
      

  3.   

    http://ucren.com/DronFw/Example/index/index.html
    游戏人GridTable类 GridTable下面有下载，注意看他的类库
      

  4.   

    最近写了个简单的
    http://blog.csdn.net/huo789/