jq自由拖拽的实现（两种）

$(".box").on({
   
            mousedown: function(e){
   
                var el=$(this);
                var os = el.offset(); dx = e.pageX-os.left, dy = e.pageY-os.top;
                $(document).on('mousemove.drag', function(e){
   
                    el.offset(
                            {
   
                                top: e.pageY-dy,
                                left: e.pageX