您的位置:首页 > 其它

jq实现简单的拖拽效果

2016-10-07 14:22 330 查看
直接copy下来,应该可以用!

拖拽代码如下:
$(".obj_drag").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}); });
},
mouseup: function(e){ $(document).off('mousemove.drag'); }

关于e.pageX,e.pageY及offset().top这些的介绍随后看情况。william will i am
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: