拖动改变表格宽度

HTML代码

<html>

}
</style>

</script>
</head>

<body>

改变table的列宽度
<table id=theObjTable STYLE="table-layout:fixed" >
<tr bgcolor=cccccc >
<td valign=top  height="20" style="overflow: hidden; text-overflow:ellipsis">
<font class="resizeDivClass" onmousedown="MouseDownToResize(this);" onmousemove="MouseMoveToResize(this);" onmouseup="MouseUpToResize(this);"></font>
改变table的列宽度</td>
<td valign=top  height="20" style="overflow: hidden; text-overflow:ellipsis">
<font class="resizeDivClass" onmousedown="MouseDownToResize(this);" onmousemove="MouseMoveToResize(this);" onmouseup="MouseUpToResize(this);"></font>
改变table的列宽度</td>
<td valign=top height="20" style="overflow: hidden; text-overflow:ellipsis">
<font class="resizeDivClass" onmousedown="MouseDownToResize(this);" onmousemove="MouseMoveToResize(this);" onmouseup="MouseUpToResize(this);"></font>
改变table的列宽度</td>
</tr>

<tr>
<td>改变table的列宽度</td><td>改变table的列宽度</td><td>改变table的列宽度</td>
</tr>
</table>
</body>
</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

posted @ 2007-02-01 15:22 海浪~~ 阅读(340) 评论(0) 收藏举报

刷新页面返回顶部

海浪

拖动改变表格宽度

公告