KorniloFF-ScriptS ©

Здравствуйте, Гость!
Путь страницы:   Стартовая > Javascripts > Интерактивный сайт
Page
Menu

Интерактивный сайт

Любой из нижерасположенных демонстрационных блоков можно переместить мышью, потянув за заголовок блока.



Какой-то текст...

Какой-то текст...

Маленький мальчик нашел пулемет,

Больше в деревне никто не живет,

Кроме деда Архимеда,

У которого - торпеда!

Последние тенденции сайтостроения вынуждают вебмастеров делать все более и более динамичные и интерактивные сайты. Пользователю предоставляют все больше свободы в интерфейсе.

Достигается динамичность сайта разными способами. Поскоьку речь идет об управлении сайтом с клиентской стороны, то лучше всего с этим справляется javascript.

В этом примере вы можете видеть, что при помоци этого скрипта мы достигаем полной интерактивности сайта, позволяя пользователям перестроить интерфейс сайта по своим нуждам.

Перемещать блоки следует, кликнув по их по заголовку левой кнопкой мыши и, не отпуская ее, перетащить блок в новую позицию.

Блоки без заголовков перемещаются при клике на любое их место.

А в этом блоке вы можете перемещать как его самого, см. описание перетаскивания выше, так и изображения внутри него. При перемещении блока целиком - фото сохранят свое относительное расположение.

sampl sampl sampl
Блок, перемещаемый кликом по любому его месту

Главной фичей этого блока является то, что при попытке выделения текста (стандартное событие броузера) блок будет также перемещен.

Данное поведение обусловлено отсутствием в нем конкретной области для перетаскивания.

Выделив этот чекбокс вы сохраните пользовательское расположение блоков. После перезагрузки страницы блоки восстановят то положение, в которое были перемещены пользователем. Убрав с него выделение восстановится взаимное расположение блоков по умолчанию.

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

Комментарии к теме (0)

Комментариев пока нет.

Дабавить комментарий