<div class="codetitle"> <span><a style="CURSOR: pointer" data="84624" class="copybut" id="copybut84624" onclick="doCopy('code84624')"><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code84624"> <br> <br><title>拖动列宽的表格</title> <br><meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <br><style type="text/css"><!-- <BR>.bg td{ <BR>font-size:12px; <BR>text-align:left; <BR>line-height:15px; <BR>height:20px; <BR>} <BR>.bg td.tit{ <BR>background-color:#e2e2e2; <BR>height:17px; <BR>text-align:center; <BR>line-height:15px; <BR>} <BR>.bg td.num{ <BR>background-color:#e2e2e2; <BR>text-align:right; <BR>line-height:15px; <BR>width:30px; <BR>height:22px; <BR>} <BR>.resizeDivClass{ <BR>text-align:right; <BR>width:1px; <BR>margin:0px 0 0px 0; <BR>background:#fff; <BR>border:0px; <BR>float:right; <BR>cursor:e-resize; <BR>} <BR>--></style> <br><script language="javascript"><!-- <BR>function MouseDownToResize(obj){ <BR>setTableLayoutToFixed(); <BR>obj.mouseDownX=event.clientX; <BR>obj.pareneTdW=obj.parentElement.offsetWidth; <BR>obj.pareneTableW=theObjTable.offsetWidth; <BR>obj.setCapture(); <BR>} <BR>function MouseMoveToResize(obj){ <BR>if(!obj.mouseDownX) return false; <BR>var newWidth=obj.pareneTdW*1+event.clientX*1-obj.mouseDownX; <BR>if(newWidth>10) <BR>{ <BR>var theObjTable = document.getElementById("theObjTable"); <BR>obj.parentElement.style.width = newWidth; <BR>theObjTable.style.width=obj.pareneTdW*1+event.clientX*1-obj.mouseDownX; <BR>} <BR>} <BR>function MouseUpToResize(obj){ <BR>obj.releaseCapture(); <BR>obj.mouseDownX=0; <BR>} <BR>function setTableLayoutToFixed() <BR>{ <BR>var theObjTable = document.getElementById("theObjTable"); <BR>if(theObjTable.style.tableLayout=='fixed') return; <BR>var headerTr=theObjTable.rows[0]; <BR>for(var i=0;i<headerTr.cells.length;i++) <BR>{ <BR>headerTr.cells[i].styleOffsetWidth=headerTr.cells[i].offsetWidth; <BR>} <BR>for(var i=0;i<headerTr.cells.length;i++) <BR>{ <BR>headerTr.cells[i].style.width=headerTr.cells[i].styleOffsetWidth; <BR>} <BR>theObjTable.style.tableLayout='fixed'; <BR>} <BR>function theObjTable(o,a,b,c){ <BR>var t=document.getElementById(o).getElementsByTagName("tr"); <BR>for(var i=0;i<t.length;i++){ <BR>t[i].style.backgroundColor=(t[i].sectionRowIndex%2==0)?a:b; <BR>t[i].onclick=function(){ <BR>if(this.x!="1"){ <BR>}else{ <BR>this.x="0"; <BR>this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b; <BR>} <BR>} <BR>t[i].onmouseover=function(){ <BR>if(this.x!="1")this.style.backgroundColor=c; <BR>} <BR>t[i].onmouseout=function(){ <BR>if(this.x!="1")this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b; <BR>} <BR>} <BR>} <BR>// --></script> <br> <br><table width="100%" class="bg" border="1" cellspacing="0" bordercolorlight="#7b7b7b" bordercolordark="#efefef" id="theObjTable"> <br><tr> <br><td class="num">搴</td> </tr> </table> </div>
