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
相关文章推荐
- 使用CoreAnimation实现最简单的拖拽转盘效果
- jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
- jq实现简单的tab切换效果
- 简单实现js拖拽效果
- 统计数字限时增长效果实现:------------简单有效版(配合JQ使用)
- JavaScript实现最简单的拖拽效果
- android,侧滑栏SlidingLayout、ViewPager实现画廊、简单用viewpager实现画廊、圆形图片、简单的跑马灯动画效果、可拖拽的弹簧式水泡动画集合
- JavaScript实现最简单的拖拽效果 -- 转自张鑫旭的
- jquery拖拽排序简单实现方法(效果增强版)
- JS实现简单拖拽效果
- jquery实现简单的拖拽效果实例兼容所有主流浏览器
- JavaScript实现的简单拖拽效果
- js实现简单鼠标拖拽,文件拖入文件夹效果
- JQ实现简单的弹幕效果
- js最简单的拖拽效果实现代码
- jquery实现简单的拖拽效果,兼容所有浏览器(二)
- jq 轮换板的简单实现,没有左右滑动效果!
- 使用js实现的简单拖拽效果
- Qt for Android QML实现缩放、拖拽、长按效果简单示例
- 简单的jQuery拖拽排序效果的实现(增强动态)