These two divs are both dragable. Which ever one you are dragging should appear on top of the other.

This div's dragablility can be turned [on] and [off].

This yellow div can only be dragged by the red child in it.

As you can see, the dragged div does not need to be a child, nor attached or even nested... weird

This div can only be dragged within a defined area.

These divs can only be dragged along a vertical or horizontal plane. Useful for creating sliders

The colored divs in the box below can only be dragged to the other container. They can also be dragged back to their original container, or sorted by dragging and dropping.
There is a 15px threshhold before the element is removed from it's container.

This div can only be moved to one of the four locations at right. These positions are defined by an array.

[Reset Page]