拖动改变表格宽度
来源:互联网 发布:快速优化软件 编辑:程序博客网 时间:2024/04/29 19:30
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<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;
}
}
function MouseUpToResize(obj)
{
obj.releaseCapture();
obj.mouseDownX=0;
}
</script>
</head>
<body>
拖动表列改变table的列宽度
<table id=theObjTable border=1 >
<tr >
<td >
<font onmouseup="MouseUpToResize(this);" onmousemove="MouseMoveToResize(this);" onmousedown="MouseDownToResize(this);" style="position:relative;width:2;z-index:1;left:expression(this.parentElement.offsetWidth-1);cursor:e-resize;"> </font>
列一
</td>
<td >
<font style="position:relative;width:2;z-index:1;left:expression(this.parentElement.offsetWidth-1);cursor:e-resize;" onmousedown="MouseDownToResize(this);"onmousemove="MouseMoveToResize(this);"onmouseup="MouseUpToResize(this);"> </font>
列二
</td>
<td >
<font style="position:relative;width:2;z-index:1;left:expression(this.parentElement.offsetWidth-1);cursor:e-resize;" onmousedown="MouseDownToResize(this);"onmousemove="MouseMoveToResize(this);"onmouseup="MouseUpToResize(this);"> </font>
列三
</td>
</tr>
<tr >
<td >
<font style="position:relative;width:2;z-index:1;left:expression(this.parentElement.offsetWidth-1);cursor:e-resize;" onmousedown="MouseDownToResize(this);"onmousemove="MouseMoveToResize(this);"onmouseup="MouseUpToResize(this);"> </font>
列一
</td>
<td >
<font style="position:relative;width:2;z-index:1;left:expression(this.parentElement.offsetWidth-1);cursor:e-resize;" onmousedown="MouseDownToResize(this);"onmousemove="MouseMoveToResize(this);"onmouseup="MouseUpToResize(this);"> </font>
列二
</td>
<td >
<font style="position:relative;width:2;z-index:1;left:expression(this.parentElement.offsetWidth-1);cursor:e-resize;" onmousedown="MouseDownToResize(this);"onmousemove="MouseMoveToResize(this);"onmouseup="MouseUpToResize(this);"> </font>
列三
</td>
</tr>
</table>
</body>
</html>
- 拖动改变表格宽度
- 鼠标拖动改变表格宽度
- 用拖动的方式改变表格宽度
- table拖动表格列宽度
- 鼠标拖动动态改变表格的宽度的js脚本 兼容ie/firefox
- 鼠标拖动动态改变表格的宽度的js脚本 兼容ie/firefox
- 鼠标拖动动态改变表格的宽度的js脚本 兼容ie/firefox
- jquery 插件--如何通过鼠标拖动改变表格列的宽度
- 鼠标拖动改变表格大小
- 可改变宽度的表格
- jQuery拖动调整表格列宽度-resizableColumns
- jQuery拖动调整表格列宽度-resizableColumns
- 拖动改变Table的列宽度
- 鼠标拖动,可改变首列宽度
- 可以拖动表头改变列的宽度
- 拖动改变Table的列宽度
- jquery 拖动表格 改变列宽
- [免费]客户端动态拖动列、调整宽度的表格
- 如果爱...
- 学习札记之《计算机达人成长之路》
- 双链表操作 written by my self
- 第十三堂课后作业
- 点击表格行时,实现复选框或者单选按钮反选
- 拖动改变表格宽度
- AndroidManifest.xml解析(三)
- 新浪微博/腾讯微博登录openstack horizon
- 教你如何破解 Sencha Architect 2 (ExtJs Designer)
- poj 1681 Painter's Problem 高斯消元
- 犀牛书第4章 变量(下篇):深入理解JavaScript中的变量作用域
- 批处理一点一滴积累
- 从com聚合中 举一个 例子
- vbscript中sql语句有变量的写法