Подборка различных менюшек. 1 часть - горизонтальные меню |
|||
28.10.2012 в 06:19 | NARDO | Теги: jQuery меню, CSS меню, Javascript меню, menu, меню |
|||
|
Tweet |
Театр начинается с вешалки – так принято говорить. Для
большинства пользователей в сети мнение
об удобности и юзабилити сайта завязано не только на его дизайне и внешней
привлекательности. Большое значение имеет удобная навигация. Очень часто в
погоне за стилем молодые и не очень веб-дизайнеры пытаются изобрести велосипед создавая громоздкие и несуразные менюшки, которые может быть, и несут эстетику в
массы, но совсем не предназначены для быстрого и понятного путешествия по сайту.
В итоге клиент такого сайта зачастую не может с первого раза найти то, что
именно ему нужно, это ведет к раздражению и не восприятию сайта – а ведь
изначально задачу планировали ровно противоположную. Поэтому мой девиз – не
перемудри! Старайтесь меню делать такое, чтобы клиент с первого взгляда мог определиться в какой раздел ему
нужно. Соблюдайте логику при создании
разделов и по возможности создавайте
меньше вложенных списков – среднестатистический юзер не ищет головоломки в сети
и хочет видеть и понимать все и сразу.
Предлагаю Вашему вниманию подборку различных менюшек, глядя на них, возможно Вы
почерпнете что-то полезное для Вас.
Мега подборка различных менюшек на любой вкус.
Часть первая – горизонтальные меню.
Большая сетка аккордеон с применением Query JavaScript. Удобно для больших мега-меню. Выделенный пункт увеличивается как по горизонтали так и по вертикали.
Простое меню с большими элементами
Простое меню с применением jQuery. Полноценно работает в Safari и Chrome.
Меню в стиле гаражных дверей на jQuery
Простая менюшка с эффектом открытия гаражных ворот при наведении
JavaScript выпадающего меню в несколько уровней
Огромное горизонтальное меню на основе javascript #1
Огромное горизонтальное меню на основе javascript #2
Огромное горизонтальное меню на основе javascript #3
Горизонтальное двухуровневое меню
Красивое простое меню с эффектом затухания.
Большое выпадающее меню в верху сайта
Выпадающее Apple style меню Nav с HTML5, CSS3 и JQuery
Минималистичное мультиуровневое меню
Меню с интерсным эффектом задержки фона или подчеркивания. Базируется на JQuery.
Минималистичное меню с выпадающим списком, работает даже в старых версиях броузеров (IE 6)
Необычное раздвижное меню на Mootools
Интересное горизонтальное разъезжающееся меню
Горизонтальное выпадающее меню со строкой поиска
Полнофункциональное меню с применением jQuery
Крутая анимация при помощи CSS и JQuery
Анимированные меню при помощи jQuery
Анимированное меню с применением CSS
Очень стильное и красивое меню с применением jQuery
Красивое горизонтальное выезжающее меню
Стильное меню на jQuery с применением слайдов
Стильное меню-аккордеон с картинками
Меню в виде перекрывающихся вкладок
Минималистичное CSS меню с выпадающим списком
Стильная навигация при помощи CSS3
Стильное выпадающее меню с применением jQuery а также CSS
Горизонтальное меню с выпадающими списками
Стильное горизонтальное меню на основе CSS
blog comments powered by Disqus