В этой уроке речь пойдет о вертикальном аккордеоне с возможностью слайдера реализованного конечно же на jQuery. Кусочек аккордеона раздвигается при клике и показывает дополнительную информацию, например текст, а другие кусочки станут прозрачнее и сожмутся. Переход к следующему слайду производится с помощью стрелочек или же колесиком мышки (плагин jQuery Mousewheel от Brandon Aaron).
Непугайтесь. Меню использующее шрифты с помощью cufon-yui.js, но с очень классным уплывающим (улетающим) эффектом на всю страницу.
Три варианта анимированного меню: с всплывающим описанием над элементом, с перемещающимся треугольничком под элементами, подобно лаваламп и так же похожий на лаваламп - эффект перемещения фона от одного пункта меню к другому.
Простое вертикальное меню на CSS с возможностью добавления краткой описательной части для пунктов навигации.
Очень симпатичное горизонтальное меню с прозрачными кнопками и анимацией расширения кнопки и уменьшения прозрачности.
Анимированное меню в котором при наведении на ссылку, происходит её прокрутка сверху вниз с заменой задника и цвета шрифта.
При наведении на элемент навигации, кнопка, как бы прокручивается сверху вниз изменяя свой фон и цвет шрифта ссылки.
Очередной набор из пяти симпатичных CSS меню. Уже готовые и оформленные для использования, впрочем можно и что-то подправить.
Наборчик из пяти симпатичных CSS меню. Уже готовые и оформленные для использования, впрочем можно и что-то подправить.
Неплохая функциональная горизонтальная навигационная панель с многоуровневым меню. Помимо jQuery требуется ещё и jQuery UI (поддерживаются все эффекты этой библиотеки, например fadein или slideDown). Внешний вид настраивается в отдельном CSS файле.
Вид меню с различными эффектами анимации фона. Смена фона происходит, либо как слайд - справа налево, сверху вниз, либо происходит плавное изменение цвета.
Простое меню со стандартными эффектами jQuery. При наведении создается подсветка пунктов меню.