兼容浏览器的表格拖动调整-优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_9666/article/details/81956645

<html>
<title>table拖动(兼容Firefox 3.5/IE6)，固定表格宽度</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="myjs.js"></script>
<body >
<table class="bg" width="100%" border="1" cellspacing="0" cellpadding="0" bordercolorlight="#7b7b7b" bordercolordark="#efefef" id="theObjTable" >
<tr >
<td width="10%" class="tit" >
<span class="resizeDivClass" id="drag1"><img src="11.gif" width="3" height="18"/></span>
公司名称
</td>
<td width="42%" class="tit" >
<span class="resizeDivClass" id="drag2"><img src="11.gif" width="3" height="18"/></span>
订单客户
</td>
<td width="30%" class="tit" >
<span class="resizeDivClass" id="drag3"><img src="11.gif" width="3" height="18"/></span>
部门
</td>
<td width="8%" class="tit" >
<span class="resizeDivClass" id="drag4"><img src="11.gif" width="3" height="18"/></span>
业务员
</td>
<td width="10%" class="tit" >
交款方式
</td>
</tr>
<tr >
<td>
beyond
</td>
<td >
BEYOND
</td>
<td >
广告部
</td>
<td >
王天一
</td>
<td >
现金
</td>
</tr >
</table>
</body>
</html>

实现表格拖动效果html