21 ноя 2012
Как сделать элемент на сайте перемещаемым
vllzl Категория: Web-Мастеру » Уроки
У нас вы можете скачать бесплатно Как сделать элемент на сайте перемещаемым .

Данный материал предоставлен сайтом Skripter.info исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Как сделать элемент на сайте перемещаемым

В этом уроке я расскажу, как сделать элемент на сайте перемещаемым.

Для этих целей мы будем использовать jQuery UI.

1. Создаем HTML-документ со следующим содержанием:

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    <title>Перемещаемые элементы</title>
    </head>
    
    <body>
    <span style="font-family:Cambria;font-size:24px" id="draggable">Перемещаемый текст на сайте</span>
    </body>
</html>


2. Внутрь тега head вставляем следующий код:

<link href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" rel="stylesheet">
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>


3. Вспоминаем, что нашему тегу span мы дали идентификатор draggable, и внутрь тега head дописываем:

<script>
$(function() {
$('#draggable').draggable();
});
</script>

Где #draggable напишите идентификатор, который вы дали тегу span в HTML-документе.

Вот и все! Наш текст стал перемещаемым, но это можно сделать не только с текстом, но и с любым HTML-элементом.










Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
SibWeb | 21 ноября 2012 18:35 | (55|-6)
  • Группа: Журналисты |
  • Комментарий: 1 (ссылка)

presebook ответ для vllzl,
Думаю что новость не оформлена и глупая! 5


--------------------
deevil | 21 ноября 2012 18:47 | (1|0)
  • Группа: Посетители |
  • Комментарий: 2 (ссылка)

На счёт оформления да))

gopnix | 21 ноября 2012 23:18 | (0|0)
  • Группа: Посетители |
  • Комментарий: 3 (ссылка)

такой бред ппц, я почти движок зделал на драге и сорте ,спокойно на нем могу создать очень простой сайт из динамических элементов кто умеет пользоваться сам все найдет на jquery. com

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.