用jquery10几行代码搞定鼠标拖动部件功能

function move(a) {
                a.mousedown(function(e) {
                    a.css("cursor","move");
                    var _x = e.clientX - a.offset().left,
                        _y = e.clientY - a.offset().top;
                    $(window).mousemove(function(e) {
                        a.css({
                            left: e.clientX - _x,
                            top: e.clientY - _y
                        })
                    })
                })
                a.mouseup(function() {
                    $(window).off("mousemove");
                    a.css("cursor","default");
                })
            }

该函数为 参数a 绑定事件达到能够拖动的效果。

注意事项：

1.参数a为jquery对象

2.参数a必须绝对定位

3.该函数可以多次调用，作用于多个jquery对象

 

示例：

new move($('#test'));
new move($('#test2'));
new move($('.box'));

 简单粗暴