javascript拖拽div的一段程序

JS拖拽DIV
</LI>
<LI>div </LI>
<LI>{ </LI>
<LI>position: absolute; </LI>
<LI>width: 150px; </LI>
<LI>height: 150px; </LI>
<LI>background-color: #C8FFFF; </LI>
<LI>} </LI>
<LI>
</LI>
<LI></LI>
<LI>function drag(obj) { </LI>
<LI>if (typeof obj == "string") { </LI>
<LI>var obj = document.getElementById(obj); </LI>
<LI>obj.orig_index = obj.style.zIndex; //设置当前对象永远显示在最上层 </LI>
<LI>} </LI>
<LI>obj.onmousedown = function (a) {//鼠标按下 </LI>
<LI>this.style.cursor = "move"; //设置鼠标样式 </LI>
<LI>this.style.zIndex = 1000; </LI>
<LI>var d = document; </LI>
<LI>if (!a) a = window.event; //按下时创建一个事件 </LI>
<LI>var x = a.clientX - document.body.scrollLeft - obj.offsetLeft; //x=鼠标相对于网页的x坐标-网页被卷去的宽-待移动对象的左外边距 </LI>
<LI>var y = a.clientY - document.body.scrollTop - obj.offsetTop; //y=鼠标相对于网页的y左边-网页被卷去的高-待移动对象的左上边距 </LI>
<LI>d.onmousemove = function (a) {//鼠标移动 </LI>
<LI>if (!a) a = window.event; //移动时创建一个事件 </LI>
<LI>obj.style.left = a.clientX + document.body.scrollLeft - x; </LI>
<LI>obj.style.top = a.clientY + document.body.scrollTop - y; </LI>
<LI>} </LI>
<LI>d.onmouseup = function () {//鼠标放开 </LI>
<LI>document.onmousemove = null; </LI>
<LI>document.onmouseup = null; </LI>
<LI>obj.style.cursor = "normal"; //设置放开的样式 </LI>
<LI>obj.style.zIndex = obj.orig_index; </LI>
<LI>} </LI>
<LI>} </LI>
<LI>} </LI>
<LI></LI>
<LI>