您的位置：首页 > Web前端 > JavaScript

拖动表列改变table的列宽度（JavaScript脚本实现）

2007-12-15 15:41 856 查看
拖动表列改变table的列宽度，用JavaScript脚本实现，在项目中正好用到，收藏！见下面代码。。。

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<style>

.resizeDivClass

</style>

<script language=javascript>

</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>

列一</td>

<td valign=top >

<font class="resizeDivClass" onmousedown="MouseDownToResize(this);"

onmousemove="MouseMoveToResize(this);" onmouseup="MouseUpToResize(this);"></font>

列二</td>

<td valign=top >

<font class="resizeDivClass" onmousedown="MouseDownToResize(this);"

onmousemove="MouseMoveToResize(this);" onmouseup="MouseUpToResize(this);"></font>

列三</td>

</tr>

<tr>

<td>拖动表列改变table的列宽度</td><td>拖动表列改变table的列宽度</td><td>拖动表列改变table的列宽度</td>

</tr>

</table>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航