DIV 移动 源码(js和CSS结合使用)

//固定鼠标和div的相对位置，移动鼠标时就可以移动div function moveDiv(obj) { this.div_obj=obj; //定义偏移变量，初始值设为0 this.offsetX=0; this.offsetY=0; //鼠标移动 this.div_mouseMove=function() { var e=window.event; //如果不是左键，返回false if(e.button!=1) { return false; } //取得鼠标的坐标 var top=e.clientY; var left=e.clientX; this.div_obj.style.left=left-this.offsetX; this.div_obj.style.top=top-this.offsetY; } //鼠标点击 this.div_mouseDown=function() { var e=window.event; //取得相对坐标 this.offsetX=e.clientX-parseInt(this.div_obj.style.left); this.offsetY=e.clientY-parseInt(this.div_obj.style.top); } }