window.onload=function(){
	var rightDiv=document.getElementById("right");
	var mainDiv=document.getElementById("main");
	var ifKeyDown=false;//默认鼠标没有被按下状态
	var contact="";
	
	//鼠标按下事件
	rightDiv.onmousedown=function(){
		ifKeyDown=true;
	}
	//鼠标松开事件
	window.onmouseup=function(){
		ifKeyDown=false;
	}
	//鼠标移动事件
	window.onmousemove=function(e){
		if(ifKeyDown=true){
			var x=e.clientX;//鼠标x坐标
			var addWidth="";//鼠标移动后增加的宽度
			var widthBefore=mainDiv.offsetWidth-2;//选取框变化前的宽度
			addWidth=x-getPosition(mainDiv).left-widthBefore;//鼠标移动后增加的宽度
			mainDiv.style.width=addWidth+widthBefore+"px";//选取框变化后的宽度
		}
	}
}
//获取元素相对于屏幕左边的距离 利用offsetLeft
function getPosition(node){
	var left=node.offsetLeft;
	var top=node.offsetTop;
	var parent=node.offsetParent;//offsetParent表示最近的祖先元素
	while(parent!=null){
		left += parent.offsetLeft;
		top += parent.offsetTop;
		parent=parent.offsetParent;
	}
	return {"left":left,"top":top};
}