div随意拖动，基于jquery。

        $("#box").mousedown(function (e) { //e鼠标事件
                var offset = $(this).position();//DIV在页面的位置  使用position定位
                //var offset = $(this).offset();//DIV在页面的位置  一般使用offset
                var x = e.pageX - offset.left;//获得鼠标指针离DIV元素左边界的距离
                var y = e.pageY - offset.top;//获得鼠标指针离DIV元素上边界的距离
                var thas = $(this);
                $("body").on("mousemove", function (ev) { //绑定鼠标的移动事件，因为光标在DIV元素外面也要有效果，所以要用doucment的事件，而不用DIV元素的事件   

                    var _x = ev.pageX - x;//获得X轴方向移动的值
                    var _y = ev.pageY - y;//获得Y轴方向移动的值  

                    thas.animate({ left: _x + "px", top: _y + "px" }, 10);

                });
            });

            $(".box").mouseup(function () {
                $("body").off("mousemove");
            });