javascript 拖动鼠标改变两个单元格的界线，（菜单|页面、样式的主页面）

<td  οnmοusedοwn="down()" οnmοusemοve="move()" οnmοuseup="up()"  style = "CURSOR: w-resize" width = "1">各种样式自己调节，

我的思路是在两个单元格之间加一个小的单元格来触发事件，.........

var dragable=false;//标志

var srcElement;//对象

//鼠标按下

 function down() {

srcElement = event.srcElement;//保证全局为同一对象

 dragable=true;
 srcElement.setCapture();//让一个元素可以捕获所有的鼠标事件。
 }
 
 //鼠标移动
 function move() {
if(dragable==true){
if(event.clientX<10 ||event.clientX > 300){//假设有效拖动范围
dragable=false
srcElement.releaseCapture();//用alert()或者releaseCapture()，打断当前的鼠标捕获。
}else{
treemenu.style.width = event.clientX;//treemenu 为td 的ID 
}
}
 }
//鼠标弹起
function up() {
dragable=false;
srcElement.releaseCapture();//用alert()或者releaseCapture()，打断当前的鼠标捕获。

 }

******************************************

**************************这样鼠标越界也可以继续回来拖动**************************

//鼠标移动
 function move() {
if(dragable==true){
if(event.clientX>10 &&event.clientX <300){//假设有效拖动范围
treemenu.style.width = event.clientX;//treemenu 为td 的ID 
}
}

*********************http://blog.sina.com.cn/s/blog_702c83b70100tm07.html************Event的一些基本属性的含义（参考，貌似这哥们用的是火狐，IE 的实现方法稍微有点不同）