Basic Drag And Drop
Shows basic dragging and moving elements around the page.

Limit Drag and Drop
Shows restricted dragging and dropping elements within prescribed boundaries.

Drop Areas
This demo illustrates the more advanced drag and drop facilities, including restricting the drop range of a DIV and limiting the elements that can dropped to text only or image only.

Keyboard Movement and Resizing
This demo shows you how to use the keyboard to move and resize objects.

Dragging Methods
You can define the method on how an element is dragged. The CUT method forces the user to drag the element itself. The COPY method forces user to create a copy of the element and drag it. The DUMMY method forces user to create a copy of the element and drag it, the copied element is removed on drag end.

Drag, Drop, and Sort
You can re-sort a list by dragging and dropping elements to create the sort order you desire.

Drag, Drop and Sort Two Lists
Drag and Drop items between two list.

Drag, Drop and Sort Two Lists - Advanced
Advanced version of Drag and Drop items between two list.

Resize List
Resize this list container. Drag and Drop items in the list.