DIV鼠标托拉移动

最新推荐文章于 2022-01-24 12:30:29 发布

weixin_34335458

最新推荐文章于 2022-01-24 12:30:29 发布

阅读量74

点赞数

原文链接：http://www.cnblogs.com/akingyao/archive/2012/09/10/2678639.html

版权

转自：http://www.cnblogs.com/hooyes/archive/2011/05/20/jquery-drag.html

(function (document) {
            //Usage: $("#id").drag() 
            //Author: hooyes
            $.fn.Drag = function () {
                var M = false;
                var Rx, Ry;
                var t = $(this);
                t.mousedown(function (event) {
                    Rx = event.pageX - (parseInt(t.css("left")) || 0);
                    Ry = event.pageY - (parseInt(t.css("top")) || 0);
                    t.css("position", "absolute").css('cursor', 'move').fadeTo(20, 0.5);
                    M = true;
                })
            .mouseup(function (event) {
                M = false; t.fadeTo(20, 1);
            });
                $(document).mousemove(function (event) {
                    if (M) {
                        t.css({ top: event.pageY - Ry, left: event.pageX - Rx });
                    }
                });
            }
        })(document);