码迷,mamicode.com
首页 > Web开发 > 详细

jquery 拖动

时间:2016-05-03 10:31:12      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:

 var move=false;//移动标记 
    var _x,_y;//鼠标离控件左上角的相对位置 

    $(‘.start‘).mousedown(function(e){
        move=true; 
        _x=e.pageX-parseInt($(".start").css("left")); //获取最初位置
    _y=e.pageY-parseInt($(".start").css("top"));//获取最初位置
    })

    var disX =$(‘.start‘).offset().left;
    $(document).mousemove(function(e){
        if(move){ 
            var x=e.pageX-_x;//控件左上角到屏幕左上角的相对位置 
           var y=e.pageY-_y;//控件左上角到屏幕左上角的相对位置 
            $(".start").css({"left":x}); 
        } 
    }).mouseup(function(){ 
        move=false; 
    })

 

jquery 拖动

标签:

原文地址:http://www.cnblogs.com/smjia/p/5454033.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!