HTML5 拖放(Drag和drop)

在工作当中,我们会常常见到像UC浏览器的新选项卡一样的可以自定义拖拽摆放效果。大的像淘宝的装修,QQ空间装扮等,小到一些游戏等等随处可见拖放的使用场景。
在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。
拖放是一种常见的特性,即抓取对象以后拖到另一个位置。
目前浏览器支持情况:Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。注释:在 Safari 5.1.2 中不支持拖放。

下面看看一个具体的字母拖放demo:


 
   
   
     
     
   HTML5 拖放(Drag和drop)  
     
   
   
 

 
 
     
       
  •  
       
  •  
       
  •  
       
  •  
       
  •  
       
  •  
       
  •  
       
  •  
       
  •  
       
  •  
       
  •  
       
  •  
         
 
 
 
 
 


效果图:HTML5 拖放(Drag和drop)_第1张图片

你可能感兴趣的:(html5,html5拖拽图片)