急！！！！！有没有办法可以动态调整表格的边框？

或者是能往frame的border上添加东西（比如图片）的方法也行！
请各位帮忙up一下！谢谢啦！！！

解决方案 »

  1.   

    <table border=1 onmouseover=this.style.borderStyle='dotted'>
                  <tr>
                    <td>dfgdfg</td>
                    <td>asdfasdlkfjasdlk</td>
                  </tr>
              </table>
      

  2.   

    谢谢dennisboys！可是你没给我这个自己定义的style啊，在我这里等于什么都没有，就是普通的表格，请快回复，谢谢！！！
      

  3.   

    <script>
    function dg()
    {
    document.all.td1.width=window.event.clientX -6}
    </script>
    <body leftmargin=0 onmousemove="dg()">
    <table border=0 cellspacing=1 bgcolor=white>
    <tr bgcolor=red>
    <td id=td1>test</td>
    <td width=2 style="cursor:crosshair"><img src="1.gif" width=1 ></td>
    <td id=td2>test</td>
    </tr>
    <tr bgcolor=red>
    <td>d</td>
    <td></td>
    <td>test</td>
    </table>
      

  4.   

    非常非常感谢net_lover(孟子E章)，先给你分，不过您给我的这个还是不太理想，我想的是通过拖动两个格之间的边来调节每个格的大小，请继续指示，谢谢！！！
      

  5.   

    基本能用，你再改改。
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html>
    <head>
        <title>Untitled</title><script language="javascript">
    var old_clientX = 0;
    var old_width = 0;
    var down = 0;
    function msDown(id) {
        f1.inpute.value = "msDown";
        f1.x.value = event.clientX;
        f1.y.value = event.clientY;
        f1.o2.value = "";
        down = 1;
        old_clientX = event.clientX;
        eval("old_width = " + id + ".style.width");
    }
    function msUp(id) {
        f1.inpute.value = "msUp";
        f1.x.value = event.clientX;
        f1.y.value = event.clientY;
        down = 0;
    }
    function msMove(id) {
        f1.inpute.value = "msMove";
        f1.x.value = event.clientX;
        f1.y.value = event.clientY;
        if(down == 1) {
            w = parseInt(old_width) + (parseInt(event.clientX)-parseInt(old_clientX));
            eval(id + ".style.width = w;");
        }
    }function doc_msMove() {
        f1.o2.value = "doc_msMove()";
    }
    </script></head><body onMouseMove="doc_msMove()">
    <form name=f1>
    Event:<input name="inpute">Other:<input name="o2"><br>
    x:<input name="x"><br>
    y:<input name="y"><p>
    </form><table border=1 width=100%>
        <tr>
        <td id=td11 style="width : 200px;">TD1</td>
        <td style="width : 15px;background-color : Silver;"
            onMouseDown="msDown('td11')" onMouseUp="msUp('td11')" onMouseMove="msMove('td11')">
        </td>
        <td>TD2</td>
    </table>
    </body>
    </html>
      

  6.   

    在mousedown里计下event.x ,event.y 为 x1,y1在mousemove中,如果按下鼠标左键计下 event.x,event.y  为 x2,y2,td1.style.width+=x2-x1
    td1.style.height+=x2-y2
    大概是这样，