HTML5 Tutorial - Drag and Drop

Title: HTML5 Tutorial - Drag and Drop example.

Description : I am going to explain how to drag an item and drop the item at required position.

In The above image i am going to move all right side boxes to trash i.e to left side dust bin. CSS Code for above App

JavaScript and html5 Code

    
HTML5 demos/@rem built this/view source
 

HTML5 Code

    

      
Drag and drop
    



  
Drag the list items over the dustbin, and drop them to have the bin eat the item
  

  

    
one
    
two
    
three
    
four
    
five
  

Original Source