Большинство из вас, наверное, уже видели как на некоторых сайтах различные элементы страницы можно «ухватить мышкой» и перетащить в другое место на странице. Это называется «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://usite.su/css/load/HTML-vs-JS.css"> <script type="text/javascript" src="http://usite.su/js/HTML-vs-JS.js"></script> Код перемещаемого объекта: Code <span class="drag_obj" onmousedown="drag_object(event, this)"> Тут код элемента или картинки </span>
Полезный материал ? Посетите сайт автора: http://usite.su
|