Взаимодействие | Форекс блог Николая Маркелова

Взаимодействие

Выезжающая панель на «Mootools»

Всплывающая подводная лодка и медведи рядом с ней

Данный урок мы посвятим созданию всплывающих панелей для сайта.

Нам потребуется малейшее представление о «Mootools» и, конечно же, знание CSS-стилей, необходимых для создания её дизайна.

Прежде чем начать, скачайте файл-архив с исходниками. Там же вы найдете пример получившейся панели (index.html).

Приступим к реализации...

Категория:

Взаимодействие

Как создать стену, подобную «FaceBook»

Кирпичная стена

Сегодня мы с вами попробуем создать стену, как на сайте «FaceBook» с использованием шаблонов jQuery. Еще нам понадобятся: Facebook Graph API, template plugin, jQuery.tmpl, которые позволят отображать посты и создать HTML–код.

Скачать исходные файлы

Категория:

Взаимодействие

Создаем динамические закладки на jQuery

Закладка на память

Закладки являются важнейшим инструментом интернет пользователя. Сегодня мы попробуем реализовать динамические закладки при помощи jQuery. Пример этого элемента вы можете посмотреть, скачав файл-архив.

Основой для наших закладок будет служить тег li . Данная методика достаточно примитивна: при добавлении закладки, переменный счетчик генерирует для нее id , для которого формируется соответствующее содержание.

Категория:

Взаимодействие

Определяем тип браузера с использованием «jQuery»

Кофе

На сегодняшний день библиотека jQuery является самым популярным фреймворком для написания ненавязчивого JS. Большинство популярных CMS, таких, как Drupal, WordPress, основаны на использовании jQuery. Вследствие этого, верстальщику веб-страниц необходимо знать и уметь грамотно использовать эту библиотеку так же, как и язык HTML. При этом, jQuery позволяет делать полезные вещи, например, такие, как определение браузера. Для этого применяют свойства jQuery.browser.

jQuery.browser – это один из глобальных объектов jQuery. И чтобы определить, с какого браузера пользователь просматривает ваш сайт, используется $.browser. Это может пригодиться, когда вы захотите использовать отдельный элемент для каждого веб-браузера.

jQuery.browser поддерживает стандартные браузеры: Opera, Mozilla, FireFox, Internet Explorer и т.д.

Категория:

Взаимодействие

Зум изображений с помощью jQuery

Увеличение

Иногда при разработке проекта возникает необходимость применения «зума» (лупы) для отдельных частей изображений. Вариантов реализации существует довольно много, но мы рассмотрим лишь один конкретный плагин jQuery – «CloudZoom».

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

Категория:

Взаимодействие