12 отличных меню на Javascript и CSS

Павел Марковнин в рубрику JavaScript

5 июля 2008

3.9 из 5

В статье собраны ссылки на красивые решения для меню на JavaScript и CSS.

Выезжающее меню

Доступнен вариант с mootools и script.aculo.us.

Меню FastFind

Скрипт позволяет создавать вложенные меню, использую при этом AJAX. К нему так же применимо перетаскивание (благодаря Interface для jQuery).

Меню Phatfusion

Используется Javascript. При первом клике картинка фиксируется в открытом положении, при повторном закрывается обратно. Есть пример с Mootools и XML парсером.

Drag’n’Drop в древовидном меню

Произвольные события для меню

Это комбинация анимации и произвольных событий. Используется библиотека Yahoo! UI.

Контекстное меню

Реализация контекстного меню (при клике правой клавишей мыши).

Для тех, кому идея приглянулась, есть еще один вариант от Даниэля Найквита.

Меню «Лава лампа» на jQuery

jQuery версия скрипта, впервые написанного на mootools.

Slashdot меню от Dynamic Drive

Меню на Mootools с аккордионом и эффектами

Док CSS меню

CSS Меню в стиле маковского дока. Используется jQuery и компонент Fisheye для jQuery.Interface.

Выезжающее меню — плагин к jQuery

Статья подготовлена по материалам Noupe.com.

Как всегда, ждем дополнений в комментариях!

Комментарии — 22

Лавалампа - вещь.

я не пойму можно его сохранить, чтоб использовать на своей странички?

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

"Док CSS меню"- самое шикарное меню, попробую прикрутить себе

Спасибо большое.

Выезжающее меню — плагин просто отличное меню спасибо

Как раз искал спасибо автору!

Спасибо за наработку менюшек, понравилось Меню Phatfusion и реализация проста.

Понравилось меню, только с IE намучился, хотя вроде в исходнике все работает, а на сайте не сразу завелась :)

Возьму плагин для jQuery - самое то, что надо! Спасибо автору!

тут тоже собрал "небольшой" списочек ... как дополнение - 99 меню для сайта CSS и jQuery кстати есть ссылка на урок и на ваш блог =)

Спасибо! Отличные иконки!

плин... да, благодарность за иконки была, конечно же, не к этой теме, а вот сюда: http://vremenno.net/design/web20-icons/
вот что значит наткнуться на интересный сайт, когда уже спать пора... начинаешь теряться во вкладках Ж)

Как раз искали выезжающее меню для разработки сайта, спасибо — актуально и сегодня.

Спасибо автору за наше счастливыое детство

Спасибо большое. А то уже устал искать. :)

Во, спасибо огромное! Мне как раз нужно было такое меню "Phatfusion".

Спасибо, некоторые из них может пригодятся, переделаю под свое усмотрение..

А кто-нибудь пробовал в Лавалампу свои ссылки вставлять?
У меня в строке статуса ссылка показывается, но по щелчку не переходит... если выбрать "открыть в новой вкладке/окне, то все открывается".

Очень интересные менюшки! Спасибо!

Спасибо за меню

Как вам такое меню?

Новый комментарий

как выглядит	какой тег
жирный текст	<b>жирный текст</b>
курсивный тект	<i>курсивный тект</i>
~~зачеркнутый текст~~	<s>зачеркнутый текст</s>
подчеркнутый текст	<u>подчеркнутый текст</u>
ссылка	<a href="адрес">ссылка</a>
`function foo() { ... }`	<pre><code>function foo() { ... } </code></pre>

разрешенные теги или посмотреть как будет выглядеть

Имя

Эл. почта используется для Граватарки

Сайт

Имя в Твиттере

Сообщение

как выглядит	какой тег
жирный текст	<b>жирный текст</b>
курсивный тект	<i>курсивный тект</i>
~~зачеркнутый текст~~	<s>зачеркнутый текст</s>
подчеркнутый текст	<u>подчеркнутый текст</u>
ссылка	<a href="адрес">ссылка</a>
`function foo() { ... }`	<pre><code>function foo() { ... } </code></pre>

разрешенные теги или посмотреть как будет выглядеть

Спонсоры

Последние комментарии

Мы в соцсетях

Блогорол