首页 > Web开发 > 详细

jquery 拖动

时间:2016-05-03 10:30:49      阅读:224      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!