js对div进行拖动

不要忘记引入jquery
<div id='drag'></div>
<script>  
        var move=false;//移动标记 
        var _x,_y;//鼠标离控件左上角的相对位置 
        $(".drag").mousedown(function(e){ 
        move=true; 
        _x=e.pageX-parseInt($(".drag").css("left")); 
        _y=e.pageY-parseInt($(".drag").css("top")); 
        }); 
        $(document).mousemove(function(e){ 
        if(move){ 
        var x=e.pageX-_x;//控件左上角到屏幕左上角的相对位置 
        var y=e.pageY-_y; 
        $(".drag").css({"top":y,"left":x}); 
        } 
        }).mouseup(function(){ 
        move=false; 
        })
    </script>  

 

posted on 2017-05-02 15:24  mxq1688  阅读(127)  评论(0)    收藏  举报

导航