Эффекты на основе Java Script, jQuery и т.д.

Горизонтальное меню с выпадающими подменю (Солатовое)

цвет меню - солатовый | цвет меню - красный | цвет меню - зелёный | цвет меню - синий | цвет меню - берюзовый

Скопируйте и вставте

Внутри тега <HEAD> - </HEAD>

Здесь пояснять нечего. В зависимости от выбранного цвета задаёте нужную таблицу стилей. Если у меня нужного Вам цвета меню нет то можете сделать его сами. Для этого Вам нужно, воспользовавшись функцией [Скачать с сервера], скачать любой из CSS файлов стилей и внести в него нужные Вам изменения.

Внутри тега <BODY> - </BODY> там где у Вас будет меню.

<ul id="nav">
 <li class="top"><a href="#" class="top_link">Главная</a></li>
 <li class="top"><a href="#" class="top_link">Верх1</a>
 <ul class="sub">
 <li><a href="#">уровень1 ссылка1</a></li>
 <li><a href="#">уровень1 ссылка2</a></li>
 <li><a href="#">уровень1 ссылка3</a></li>
 <li><a href="#">уровень1 ссылка4</a></li>
 </ul>
 </li>
 <li class="top"><a href="#" class="top_link">Верх2</a>
 <ul class="sub">
 <li><a href="#">уровень1 ссылка1</a></li>
 <li><a href="#">уровень1 ссылка2</a></li>
 <li><a href="#">уровень1 ссылка3</a></li>
 <li><a href="#" class="fly">уровень1 ссылка4</a>
 <ul>
 <li><a href="#">уровень2 ссылка1</a></li>
 <li><a href="#">уровень2 ссылка2</a></li>
 <li><a href="#">уровень2 ссылка3</a></li>
 <li><a href="#">уровень2 ссылка4</a></li>
 </ul>
 </li>
 </ul>
 </li>
 <li class="top"><a href="#" class="top_link">Верх3</a>
 <ul class="sub">
 <li><a href="#">уровень1 ссылка1</a></li>
 <li><a href="#">уровень1 ссылка2</a></li>
 <li><a href="#">уровень1 ссылка3</a></li>
 <li><a href="#" class="fly">уровень1 ссылка4</a>
 <ul>
 <li><a href="#">уровень2 ссылка1</a></li>
 <li><a href="#">уровень2 ссылка2</a></li>
 <li><a href="#">уровень2 ссылка3</a></li>
 <li><a href="#" class="fly">уровень2 ссылка4</a>
 <ul>
 <li><a href="#">уровень3 ссылка1</a></li>
 <li><a href="#">уровень3 ссылка2</a></li>
 <li><a href="#">уровень3 ссылка3</a></li>
 <li><a href="#">уровень3 ссылка4</a></li>
 </ul>
 </li>
 </ul>
 </li>
 </ul>
 </li>
 <li class="top"><a href="#" class="top_link">Верх4</a>
 <ul class="sub">
 <li><a href="#">уровень1 ссылка1</a></li>
 <li><a href="#">уровень1 ссылка2</a></li>
 <li><a href="#">уровень1 ссылка3</a></li>
 <li><a href="#" class="fly">уровень1 ссылка4</a>
 <ul>
 <li><a href="#">уровень2 ссылка1</a></li>
 <li><a href="#">уровень2 ссылка2</a></li>
 <li><a href="#">уровень2 ссылка3</a></li>
 <li><a href="#" class="fly">уровень2 ссылка4</a>
 <ul>
 <li><a href="#">уровень3 ссылка1</a></li>
 <li><a href="#">уровень3 ссылка2</a></li>
 <li><a href="#">уровень3 ссылка3</a></li>
 <li><a href="#" class="fly">уровень3 ссылка4</a>
 <ul>
 <li><a href="#">уровень4 ссылка1</a></li>
 <li><a href="#">уровень4 ссылка2</a></li>
 <li><a href="#">уровень4 ссылка3</a></li>
 <li><a href="#">уровень4 ссылка4</a></li>
 </ul>
 </li>
 </ul>
 </li>
 </ul>
 </li>
 </ul>
 </li>
 <li class="top"><a href="#" class="top_link">Верх5</a></li>
</ul>

Здесь, впринципе, всё должно быть понятно. Колличество ссылок в меню, колличество подменю и их вложений на Ваше усмотрение.

И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу.
Вы экономите место и время.

Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера].
Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.