十万火急，请求这样一个表格特效的详细代码。

http://community.csdn.net/Expert/TopicView.asp?id=4461758

解决方案 »

  1.   

    要强烈抵制此类需求，因为你一旦做给用户看，
    就给了他发挥想象力的空间，“李叔很兴奋，后果很严重”再次提醒，不要只看以下的代码，要看清以上的警告。
    以下代码只通过ie6.0测试
    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>JK:支持民族工业,尽量少买X货</title>
    <style>
    .resizeDivClass
    {
    position:relative;
    background-color:red;
    width:2;
    z-index:1;
    left:expression(this.parentElement.offsetWidth-1);
    cursor:e-resize;}
    </style><script language=javascript>function MouseDownToResize(obj){
    obj.mouseDownX=event.clientX;
    obj.pareneTdW=obj.parentElement.offsetWidth;
    obj.pareneTableW=theObjTable.offsetWidth;
    obj.setCapture();
    }
    function MouseMoveToResize(obj){
        if(!obj.mouseDownX) return false;
        var newWidth=obj.pareneTdW*1+event.clientX*1-obj.mouseDownX;
        if(newWidth>0)
        {
    obj.parentElement.style.width = newWidth;
    theObjTable.style.width=obj.pareneTableW*1+event.clientX*1-obj.mouseDownX;
    }
    }
    function MouseUpToResize(obj){
    obj.releaseCapture();
    obj.mouseDownX=0;
    }</script>
    </head><body>改变table的列宽度
    <table id=theObjTable STYLE="table-layout:fixed" >
    <tr bgcolor=cccccc >
    <td valign=top >
    <font class="resizeDivClass" onmousedown="MouseDownToResize(this);" onmousemove="MouseMoveToResize(this);" onmouseup="MouseUpToResize(this);"></font>
    aaa</td>
    <td valign=top >
    <font class="resizeDivClass" onmousedown="MouseDownToResize(this);" onmousemove="MouseMoveToResize(this);" onmouseup="MouseUpToResize(this);"></font>
    ddd</td>
    <td valign=top >
    <font class="resizeDivClass" onmousedown="MouseDownToResize(this);" onmousemove="MouseMoveToResize(this);" onmouseup="MouseUpToResize(this);"></font>
    ddd</td>
    </tr><tr>
    <td><nobr style="width:100%;overflow:hidden;text-overflow:ellipsis">aaaa  fdsa fda fdsa fdsa fdsa fdsa fdsa fda fdsa fdsafdsa fdsa fdsa a</nobr></td><td>bbbb</td><td>dddd</td>
    </tr>
    </table>
    </body></html>