网页拖拽项目实践

jQuery-UI拖拽/放置
http://www.runoob.com/jqueryui/example-draggable.html
JSP响应ajax返回字符串的要点
http://blog.csdn.net/veryv/article/details/6835875
HTML5 拖放(Drag 和 Drop)详解与实例
http://www.cnblogs.com/moqiutao/p/6365113.html

touchstart e.originalEvent.targetTouches[0].pageX
touchend e.originalEvent.changedTouches[0].pageX

jQuery拖拽插件

  • 栅格吸附拖拽插件
    http://www.jq22.com/jquery-info16112

  • 全功能拖拽插件
    http://www.jq22.com/yanshi8362

  • jquery 拖拽排序
    http://www.jq22.com/jquery-info14968

  • jQuery拖拽排序
    http://www.jq22.com/jquery-info13943

  • jQuery九宫格拖拽效果
    http://www.jq22.com/jquery-info13025

  • jQuery多容器之间拖曳(全网唯一多容器拖拽实例)
    http://www.jq22.com/jquery-info13214

手机端拖拽适配

  • jQuery手机浏览器中拖拽动作的艰难性分析
    http://www.jb51.net/article/60744.htm

  • 移动端:div在手机页面上随意拖动
    http://www.cnblogs.com/joyco773/p/6519668.html

  • 在触屏手机上实现的图片拖动
    https://www.web-tinker.com/article/20068.html

  • JS移动客户端–触屏滑动事件及js手机拖拽效果
    https://segmentfault.com/a/1190000008798547

  • 一个用在手机上的简单js拖拽效果
    http://blog.163.com/xiaoyou_000/blog/static/65067392201521664214534/

辅助的页面效果实现

  • div 如何加滚动条
    https://zhidao.baidu.com/question/384156844.html

  • jQuery.extend扩展函数的用法
    http://www.cnblogs.com/luckboy/archive/2009/06/25/1510870.html

  • jQuery Event.stopPropagation() 函数详解
    http://www.365mini.com/page/jquery-event-stoppropagation.htm

  • js获取div内容
    http://blog.csdn.net/happy_jijiawei/article/details/52299547

Html5 touch事件实现手机拖拽

  • 手机端html5触屏事件(touch事件)
    http://www.cnblogs.com/dream0530/p/5824954.html

  • jquery on事件jquery on实现绑定多个事件
    http://blog.csdn.net/pangchengyong0724/article/details/53186127

  • 移动端touch事件获取clientX, clientY
    http://blog.csdn.net/fudesign2008/article/details/7795122

  • 移动端无法获取event.clientX和event.clientY的解决办法
    http://blog.csdn.net/zzxboy1/article/details/65626605

  • 用jq绑定了touchstart事件,但是当触发了事件后,事件对象的pageX属性值为undefined
    http://bbs.csdn.net/topics/390429202

  • 移动端touch事件影响click事件以及在touchmove添加preventDefault导致页面无法滚动的解决方法
    http://www.cnblogs.com/lvmingyin/p/5372678.html

  • 移动端的网页,怎么很好的把滑动事件和点击事件区别开?
    https://segmentfault.com/q/1010000002512998

  • HTML5对于触屏设备的单点触控提供了touchstart,touchend,touchmove和touchcancel四种事件
    http://blog.sina.com.cn/s/blog_aebcc4560101qm1e.html

  • js实现滚动条滚动到某个位置便自动定位某个tr/滚动条定位
    http://www.jb51.net/article/78863.htm

  • jquery.cookie() 方法的使用(读取、写入、删除)
    http://www.jb51.net/article/44181.htm

  • jquery怎么添加/修改meta字段
    https://zhidao.baidu.com/question/1301973053403064139.html

Html5拖拽draggable="true"

  • HTML5 drag & drop 拖拽与拖放简介
    http://www.zhangxinxu.com/wordpress/2011/02/html5-drag-drop-拖拽与拖放简介/

  • HTML5为我们提供了ondragstart,ondragover,ondrop这三个函数
    https://zhidao.baidu.com/question/427814662795825252.html

  • HTML5元素之间的拖动-----dataTransfer学习
    http://blog.csdn.net/zhangzhifei1991/article/details/46398551

  • html5 手机端长按事件?
    http://www.cnblogs.com/imsomnus/p/6429074.html
    http://blog.csdn.net/u012767607/article/details/52582611

  • javascript实现移动端上的触屏拖拽功能
    http://www.jb51.net/article/80426.htm

网页拖拽项目实践_第1张图片

你可能感兴趣的:(网页拖拽项目实践)