Каталог файлов

Рейтинг:5.0
Категория: Скрипты для Ucoz
 


Большинство из вас, наверное, уже видели как на некоторых сайтах
Различные элементы страницы можно «ухватить мышкой»
И перетащить в другое место на странице. Это называется «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>


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



Код
<img src="http://novi4ok.ru/_ld/3/33515856.png" border="0">


Код
<img src="http://novi4ok.ru/_ld/3/52072877.png" border="0">




Вот и всё
 
 
 
Источник: http://usite.su
 
 0 комментариев  821 просмотров  дата: 29.03.2024  автор: admin
 
 
Советую взглянуть:
  • Светлые Ajax окна для Ucoz
  • Красивая кнопка CSS
  • Шаблон для игрового портала Gamity
  • Новогодние иконки для сайтов Ucoz
  •  
     
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    Регистрация | Вход

    Меню сайта

    Мини чат

    Последние комментарии


    Опрос сайта

    При копировании материала изменяете ли вы описание делая его уникальным
    Всего ответов: 16

    Статистика

    Кол-во зареганных: 2908 (+0)
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Сейчас на сайте:

    Нас посетили: