jq拖拽事件

//    jq拖拽横向滑动
$('.box').on({
mousedown:function(e){
var el = $(this);
var os = el.offset();
dx = e.pageX - os.left;
$(document).on('mousemove.drag',function(e){
el.offset({
left: e.pageX - dx
})
}).on('mouseup',function(e){
$(document).off('mousemove.drag');
})
}
})

//    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-dx
});
}).on('mouseup',function(e){
$(document).off('mousemove.drag');
})
},
})