HTML5现在前端圈中，已然成为一个不那么新的技术词汇了，很多公司也把HTML5也当成了硬性的技能要求，但是很多前端恐怕都不了解HTML5的拖拽怎么实现吧。看了下极客学院的视频，大概的了解了下思路。所以整理备份，便于以后查阅。先上示例：index.html 1 <!doct ...
HTML5现在前端圈中，已然成为一个不那么新的技术词汇了，很多公司也把HTML5也当成了硬性的技能要求，但是很多前端恐怕都不了解HTML5的拖拽怎么实现吧。
看了下极客学院的视频，大概的了解了下思路。所以整理备份，便于以后查阅。先上示例：
index.html
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Drag</title> 6 <style> 7 .box{ 8 width: 400px; 9 height: 400px;10 float: left;11 }12 #box1{13 background: #CCC;14 }15 #box2{16 background: #FF0;17 }18 </style>19 </head>20 <body>21 <div id="box1" class="box"></div>22 <div id="box2" class="box"></div>23 <img src='/images/loading.gif' data-original="http://pica.zol-img.com.cn/2016/02/1ace90ad77db716547614a18c4a9263g.jpg" id="img1" />24 25 <script src='/images/loading.gif' data-original="app1.js"></script>26 </body>27 </html>
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com
原标题：HTML5拖拽实现示例
关键词：HTML
*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：
admin#shaoqun.com
（#换成@）。
