鼠标拖拽

        //需要绑定的事件οnmοusedοwn="down()" οnmοuseup="up()"
        var drag = $('#drag');//要移动的div
        var bool = 0;//判断鼠标的状态。
        var dragx,dragy,objy,objx;
        function down(event){
            event = event || window.event;
            bool = 1//按下鼠标为true           
            dragx = event.clientX//当前鼠标到浏览器窗口的高度
            dragy = event.clientY//当前鼠标到浏览器窗口的左边宽度
            objy = dragy-parseInt(drag.css('top'));//得要当前div的边框到鼠标点击时的距离
            objx = dragx-parseInt(drag.css('left'));
            document.οnmοusemοve=move;//鼠标在窗口中移动时执行   
        }
        function up(){
            bool=0//松开鼠标为false
        }
        function move(event){
            event = event || window.event;
            if(bool){                
                x = event.clientX-objx//鼠标x坐标值
                y = event.clientY-objy//鼠标y坐标值
                //定位
                drag.css('left',x)
                drag.css('top',y)
                
               // drag.innerText = drag.style.left+'*'+ drag.style.top//显示当前坐标
            }
        }