利用表格自动扩充表格区域代码

来源:互联网 发布:linux下安装wine 编辑:程序博客网 时间:2024/04/20 07:04

关键js代码:

/*扩充左边树区域宽度 start*/
function MouseDownToResize(obj){   
    obj.mouseDownX=event.clientX;   
    obj.pareneTdW=obj.parentElement.parentElement.offsetWidth;   
    obj.setCapture();   
}   
function MouseMoveToResize(obj){   
    if(!obj.mouseDownX) return false;   
    var newWidth=obj.pareneTdW*1+event.clientX*1-obj.mouseDownX;   
    if(newWidth>0&&newWidth>240)   
    {   
        obj.parentElement.parentElement.style.width = newWidth;   
        configcheck_div_leftmenu01.style.width=newWidth-10;
    }   
}   
function MouseUpToResize(obj){   
    obj.releaseCapture();   
    obj.mouseDownX=0;   
}  
/*扩充左边树区域宽度 end*/

<style>

.resizeDivClass   
{    
width:3px;   
cursor:e-resize;
height:700px;
float: left;
}

</style>

<table>

<tr>

<td>

<div id="configcheck_div_leftmenu02" class="resizeDivClass" onmousedown="MouseDownToResize(this);" onmousemove="MouseMoveToResize(this);" onmouseup="MouseUpToResize(this);"></div>

</td>

<td>

</td>

</tr>

</table>

原创粉丝点击