Чего только не придумают забугорные “веб девелоперы”. Вот и сейчас порадовали классным меню с отличными эффектами. Все выполнено в круглом стиле с выезжающими дополнительными кругами и сменой картинок. Лучше 1 раз увидеть, чем 100 раз прочитать.

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

Оригинальная идея плагина (меню): http://tympanus.net/codrops/
Подробная инструкция по установке и настройке: http://ruseller.com/lessons.php?rub=28&id=579
Демо плагина (меню): http://ruseller.com/lessons/les579/example/index.html

Стоит обратить внимание также на:

1. Простое меню с плавным эффектом Начнем с очень простого меню, которое очень легко установить...
2. Фильтр для Вашего портфолио Очень интересная реализация фильтрации сайтов в портфолио. Эту идею...
3. Автоматический слайдер контента Хорошая реализация слайдера контента. Можно легко отображать как изображения,...

Начнем с очень простого меню, которое очень легко установить на любой сайт.Меню предельно простое и не требует фундаментальных знаний в программировании.

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

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

Оригинальная идея плагина (меню): http://dynamicdrive.com
Подробная инструкция по установке и настройке: http://ruseller.com/lessons.php?rub=32&id=96
Демо плагина (меню): http://ruseller.com/lessons/170309menujquery/example/index.html

Стоит обратить внимание также на:

1. Необычное меню на jQuery с классной анимацией Чего только не придумают забугорные “веб девелоперы”. Вот и...
2. Автоматический слайдер контента Хорошая реализация слайдера контента. Можно легко отображать как изображения,...
3. Фильтр для Вашего портфолио Очень интересная реализация фильтрации сайтов в портфолио. Эту идею...

jQuery ListNav Plugin способен придать любому списку удобную навигацию по алфавиту. Очень легко настраиваемое через CSS навигационное меню можно расположить над списком, и оно будет содеожать буквы от A до Z.

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

ListNav прекрасно справляется даже с длинными списками. Также возможен вывол нескольких списков на одной странице. Протестировано и работает на IE6, IE7, Firefox 2 и3 (Windows и Mac), Safari (Windows и Mac).

Официальная страница плагина: http://www.ihwy.com/Labs/jquery-listnav-plugin.aspx
Прямая ссылка для скачивания: http://www.ihwy.com/Labs/downloads/jquery-listnav/jquery.listnav-1.0.1.js
Демо плагина: http://www.ihwy.com/Labs/Demos/Current/jquery-listnav-plugin.aspx

Стоит обратить внимание также на:

1. Uploadify – простая загрузка файлов Uploadify – плагин jQuery для множественной загрузки файлов. Позволяет...
2. ColorBox – классный Lightbox! ColorBox – легконастраиваемый лайтбокс на jQuery. Внешний вид полностью...
3. Необычное меню на jQuery с классной анимацией Чего только не придумают забугорные “веб девелоперы”. Вот и...