javascript实现Table行和列的拖动

来源：百度文库 编辑：神马文学网 时间：2024/04/30 01:39:31
Table表格拖动， 既可以拖动行，也可以拖动列。代码如下：
Html代码




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;
}
function MouseDownToResize2(obj)
{
obj.mouseDownY = event.clientY;
obj.pareneTrH = obj.parentElement.offsetHeight;
obj.pareneTableH=theObjTable.offsetHeight;
obj.setCapture();
}
function MouseMoveToResize2(obj)
{
if(!obj.mouseDownY)
{
return false;
}
var newWidth = obj.pareneTrH * 1 + event.clientY * 1 - obj.mouseDownY;
if(newWidth > 0)
{
obj.parentElement.style.height = newWidth;
theObjTable.style.height = obj.pareneTableH * 1 + event.clientY * 1 - obj.mouseDownY;
}
}
function MouseUpToResize2(obj)
{
obj.releaseCapture();
obj.mouseDownY=0;
}



改变table的列宽度




aaa


ddd


ddd





快乐不是因为拥有的多，而是计较的少。