Большинство из вас, наверное, уже видели как на некоторых сайтах различные элементы страницы можно «ухватить мышкой» и перетащить в другое место на странице. Это называется «drag and drop», а если дословно, то «схвати и тащи»
Для клика по объекту, будет использовано событие onmousedown, вместо onclick, т.к оно срабатывает раньше и не требует отпускания кнопки мыши.
Данный скрипт тестировался и отлично себя показал в Opera 9+, Firefox 2+, Safari 2, Google Chrome, а вот в IE (6,7) хотя перетаскивание и работает, но довольно-таки плохо
Зачем нужно:
1) Позволяет экономить пространство
2) Удобство: Можно перетащить, чтобы не мешало
Установка:
Заходим в ПУ → Управление дизайном → Верхняя часть сайта → В самый верх уставим:
Code
<link rel="stylesheet" type="text/css" href="http://wos.ucoz.com/load_files/HTML-vs-JS.css">
<script type="text/javascript" src="http://wos.ucoz.com/load_files/HTML-vs-JS.js"></script>
Код перемещаемого объекта:
Code
<span class="drag_obj" onmousedown="drag_object(event, this)">
Тут код элемента или картинки
</span>
