HTML5如何实现元素拖拽_html5教程技巧

很多前端恐怕都不了解HTML5的拖拽怎么实现吧，本文了解了下思路。进行整理备份，便于以后查阅。

先上示例：

index.html

XML/HTML Code复制内容到剪贴板

1. nbsp;html>  
2. html>  
3. head>  
4.     meta charset="UTF-8">  
5.     title>Dragtitle>  
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="http://pica.zol-img.com.cn/2016/02/1ace90ad77db716547614a18c4a9263g.jpg" alt="" id="img1" />  

JavaScript Code复制内容到剪贴板

1. <script><span class="string">"app1.js"</script>>