jquery对div元素进行鼠标移动(稍稍修改下可以实现div跟随鼠标)

2018/09/04 15:14
阅读数 25
/*
网上找了资料都是对于event.clientX和offset().left进行了计算,但是去掉了这个计算方式,直接使用当前坐标也一样,效果都一样不太好
strHeader:标题 jquery定位字符串
strForm:窗体 jquery定位字符串
*/
var isMove = false;
//var x = 0;
//var y = 0;
//var offx = 0;
//var offy = 0;
function movePage(strHeader,strForm) {
    $(strHeader).mousedown(
        function(event) {
            isMove = true;
            //x = event.clientX;
            //y = event.clientY;
            //offx = $(strForm).offset().left;
            //offy = $(strForm).offset().top;
        }
    );
    $(document).mousemove(
        function(event) {
            if(isMove) {
                $(strForm).css({
                   //'left': (event.clientX - (x-offx) ) + 'px',
                   //'top': (event.clientY - (y-offy) )  + 'px'
                    'left': (event.clientX - (0) ) + 'px',
                    'top': (event.clientY - (0) )  + 'px',
                });
            }
        }
    );
    $(document).mouseup(
        function() {
            isMove = false;
        }
    );

}

 

展开阅读全文
打赏
0
0 收藏
分享
加载中
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部