效果图:拖动红色的竖杠,可以左右拖动表格宽度,上下宽度一起改变
特点:拖动容易,aaa列的文字拖动后不会被覆盖,ddd列的文字会被表格线 覆盖
代码:
Html代码
.resizeDivClass{position:relative;background-color:red;width:2;z-index:1;left:expression(this.parentElement.offsetWidth-1);cursor:e-resize;}function MouseDownToresize(obj){obj.mouseDownX=event.clientX;objobj.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;}改变table的列宽度aaadddddd快乐不是因为拥有的多,而是计较的少。 bbbbdddd
真正的爱,应该超越生命的长度、心灵的宽度、灵魂的深度