Nk-CS.Ru: Все для вашего портала uCoz
Авторизация

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

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



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

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

Установка:
в верхнюю часть сайта в самый верх:
Код
<link rel="stylesheet" type="text/css" href="http://novi4ok.ru/serv/css/drag.css">  
  <script type="text/javascript" src="http://novi4ok.ru/serv/js/drag.js"></script>


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

0.0
0 оценок
0.0
Дизайн:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
0.0
Функционал:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
0.0
Мобильность:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
0.0
Общая оценка:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
Читайте также
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Авторизация
лучший сайт где можно скачать шаблоны для dle 11.3 бесплатно