前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jquery对div元素进行鼠标移动(稍稍修改下可以实现div跟随鼠标)

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

作者头像
未来sky
发布2018-09-29 11:38:19
2.5K0
发布2018-09-29 11:38:19
举报
文章被收录于专栏:好好学习吧
代码语言:javascript
复制
/*
网上找了资料都是对于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;
        }
    );

}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-09-04 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档