程序博客网 > pkpm预算软件

用拖动的方式改变表格宽度

来源：互联网发布：pkpm预算软件编辑：程序博客网时间：2024/04/29 00:35

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

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>
</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>
aaa</td>
<td valign=top >
<font class="resizeDivClass" onmousedown="MouseDownToResize(this);" onmousemove="MouseMoveToResize(this);" onmouseup="MouseUpToResize(this);"></font>
ddd</td>
<td valign=top >
<font class="resizeDivClass" onmousedown="MouseDownToResize(this);" onmousemove="MouseMoveToResize(this);" onmouseup="MouseUpToResize(this);"></font>
ddd</td>
</tr>

<tr>
<td>aaaa fdsa fda fdsa fdsa fdsa fdsa fdsa fda fdsa fdsafdsa fdsa fdsa a</td><td>bbbb</td><td>dddd</td>
</tr>
</table>
</body>

</html>

改变table的列宽度

aaa	ddd	ddd
aaaa fdsa fda fdsa fdsa fdsa fdsa fdsa fda fdsa fdsafdsa fdsa fdsa a	bbbb	dddd

pkpm预算软件

pkpm预算软件

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子心里不能装事怎么办做事做不快心急怎么办焦虑症不想上班怎么办总是忘事应该怎么办 vary渲染太黑怎么办 su一直未响应怎么办草图大师版本低打不开怎么办重要纸上滴上油了怎么办水拓画颜料滴太多怎么办微信语音撤不回怎么办 kido手表关机了怎么办玩具店不想开了怎么办幼儿不拉粑粑怎么办幼儿拉绿色粑粑怎么办幼儿拉青粑粑怎么办小孩龋齿牙疼怎么办宝宝刷牙不张嘴怎么办宝宝爱吃棒棒糖怎么办孩子不刷牙洗脸怎么办宝宝害怕拉大便怎么办狗狗不喜欢刷牙怎么办 10小孩不刷牙怎么办孩子做事磨叽怎么办一岁半宝宝不愿意刷牙怎么办两岁半宝宝不愿意刷牙怎么办小孩牙齿长蛀牙怎么办 2周岁宝宝龋齿怎么办小孩刷牙吞牙膏怎么办孩子12不肯刷牙怎么办小孩牙齿空了怎么办孩子掉了牙不长怎么办小朋友不敢看牙医怎么办小孩不喜欢洗脸刷牙怎么办宝宝洗澡老是哭怎么办孩子越来越怕打针怎么办 16孩子不爱洗澡怎么办死手系统出问题怎么办死手系统地震怎么办唱歌掌握不好气息怎么办被绣花针扎了怎么办 2岁宝宝好动怎么办