jQuery鼠标托动元素

$main.mousedown(function (e) {      //e鼠标事件
            $(this).css("cursor", "move");

            var offset = $(this).offset();  //元素在页面的位置

            var x = e.pageX - offset.left;  //获得鼠标指针离DIV元素左边界的距离  
            var y = e.pageY - offset.top;   //获得鼠标指针离DIV元素上边界的距离  

            $(document).bind("mousemove", function (ev) {        //绑定页面鼠标移动事件
                $main.stop();
                var _x = ev.pageX - x;     //获得X轴方向移动的值 
                var _y = ev.pageY - y;     //y轴
                $main.animate({ left: _x + "px", top: _y + "px" }, 5);

            });

            $(document).mouseup(function () {
                $main.css("cursor", "default");
                $(this).unbind("mousemove");
            })
        });