"Drag and drop" - перетаскивание элементов сайта

Рейтинг:5.0

Большинство из вас, наверное, уже видели как на некоторых сайтах
Различные элементы страницы можно «ухватить мышкой»
И перетащить в другое место на странице. Это называется «drag and drop»,
А если дословно, то «схвати и тащи»

Для клика по объекту, будет использовано событие onmousedown,
Вместо onclick, т.к оно срабатывает раньше и не требует отпускания кнопки мыши.
Данный скрипт тестировался и отлично себя показал в Opera 9+, Firefox 2+, Safari 2, Google Chrome, а вот в IE (6,7) хотя перетаскивание и работает, но довольно-таки плохо

Зачем нужно:
1) Позволяет экономить пространство
2) Удобство: Можно перетащить, чтобы не мешало
3) Элементом может являться картинка (например елочка) и т.п.

Установка:
в верхнюю часть сайта в самый верх:

Код

Код перемещаемого объекта:

Код

<span class="drag_obj" onmousedown="drag_object(event, this)">
  Тут код элемента или картинки
  </span>

Вот 2 картинки елочки которые вы можете использовать: