еню | WebDuty

CSS-меню в стиле Mac OS

Вы прошлых статьях было рассказано как сделать меню в стиле Mac OS используя Javascript, теперь сделаем примерно тоже самое используя исключительно HTML-разметку и CSS.
Основой для меню будет неупорядоченный список. Создадим две версии: расширяющееся кверху и книзу.
cover2
Для создания меню будем использовать псевдо-класс :hover на тег <li> и селектор “+” для изменения стилей пунка меню, находящихся справа.

Меню в стиле Mac OS с помощью jQuery-плагина jqDock

Это jQuery-плагин позволяет легко создавать меню в стиле MacOS (или эффект “fish eye”), превращая обычные изображения в расширяющююся область, вертикальную или горизонтальную. jqDock хорошо работает во всех основных браузерах, включая Internet Explorer 6.
cover1
JqDock несложен в применении, разобраться сможет даже новичок. Всё идеально настраивается, в том числе: выравнивание, скорость анимации, размер изображений, этикетки и т. д.
Плагин разработкан Роджером Барретом. Дополнительную информацию вы можете найти на сайте плагина jqDock.