Заходите к нам с нового домена - uCoz.co.ua
Total users: 3516

Навигация

New-Info это:
Большой сборник скриптов, шаблонов, меню, макетов для uCoz. Проект New-Info.uCoz.Net не требует от Вас регистрации для скачивание файлов. Также большая часть загружена на наш сервер - это даст возможность скачивать в один клик.

Поиск


Форма входа

Популярные теги

Профиль

Онлайн всего: 1
Гостей: 1
Пользователей: 0


Проверка тИЦ и PR

скачать моды
"Drag and drop" (Cхвати и тащи) элементов сайта
Категория: Скрипты / Дата добавления материала: 12.04.2012, 14:40

Большинство из вас, наверное, уже видели как на некоторых сайтах различные элементы страницы можно «ухватить мышкой» и перетащить в другое место на странице. Это называется «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
Просмотров: 601 | Загрузок: 0 | Рейтинг: 0.0/0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

New-Info.uCoz.Net / uCoz.co.ua © 2025
Хостинг от uCoz