详情请点击:365国家紧缺型人才培养计划(简称365计划)和 【技能(TECHNOLOGY)+学历(COLLEGE)】教育(简称TC精英教育)之权威认证
以下代码加入< head >区域
<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> //more javascript from http://www.smallrain.net 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>
以下代码加入< body >区域
<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>小雨</td><td>信息中心</td><td>北京市海淀区</td> </tr> </table> |