Горизонтальное меню на сайте (страница 1)

Как создать навигационное меню, блок ссылок на сайте.

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

Простое горизонтальное навигационное меню для сайта.

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

Горизонтальное меню на CSS с применением изображений.

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

Горизонтальное меню «Раздвижные двери».

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

Горизонтальное меню с эффектами тени и зеркальной симметрии.

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

Горизонтальное меню с внутренней тенью при наведении курсора мыши.

Это меню на CSS использует способность CSS3, чтобы создать тени (тень растет внутрь) в пункте меню при наведении курсора мыши.

Стильное горизонтальное меню на CSS3 с эффектом изменения фона отдельной ссылки при наведении курсора мыши.

В этом меню используется CSS3 градиент, чтобы произвести эффект изменения фона при наведении курсора мыши на отдельную ссылку. Независимо от цвета фона главного UL, фон пункта меню изменяется и приобретает полупрозрачность.

Горизонтальное меню с эффектом при наведении курсора мыши.

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

Горизонтальное меню на CSS с градиентом фона и тенью.

Это горизонтальное меню на CSS использует CSS3 градиент фона и тени, чтобы добавить визуальную привлекательность, сохраняя минималистичный внешний вид. Изображения не используются.

Горизонтальное многоуровневое меню на CSS и jQuery.

Это меню использует вложенный список UL для создания многоуровнего горизонтального подменю.