Эффекты на основе Java Script

2-х уровневое меню на CSS3

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

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

Все стили и параметры меню задаются в CSS таблице, файле my1.css. Если Вы хотите что-то поменять Вам нужно, восрользовавшись функцией [Скачать с сервера], скачать данный файл и внести необходимые изменения. Данное меню является CSS3 варианнтом меню. Оно для любого цвета фона и главное значительно проще и не использует ни jQuery ни JavaScript.

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

<div class="main-menu">
				 
<ul>
<li><a href="#" class="mb yell">Кухни фото</a></li>
<li><a href="#" class="mb yell two_line">Кухни classic</a></li>
<li><a href="#" class="mb yell two_line">Кухни modern</a></li>
<li><a href="#" class="mb yell">столы</a></li>
<li><a href="#" class="mb yell">Стулья</a></li>
<li><a href="#" class="mb yell">мойки</a></li> 
 
 
<li><a href="#" class="mb yell">фасады</a></li>
<li><a href="#" class="mb yell">панели</a></li>
<li><a href="#" class="mb yell">Акции</a></li>
</ul>
 
 
 
 
<ul style="margin-top: 5px;">
<li><a href="#" class="mb yell">О компании</a></li>
<li><a href="#" class="mb yell">Салоны</a></li>
<li><a href="#" class="mb yell">@ магазин</a></li>
<li><a href="#" class="mb yell">кредит</a></li>
<li><a href="#" class="mb yell">главная</a></li>
<li><a href="#" class="mb grey">столешницы</a>
 <ul>
 <li><a href="#">Столешница постформинг</a></li>
 <li><a href="#">Столешница искусственный камень</a></li>
 <li><a href="#">Столешница натуральный камень</a></li>
 </ul>
</li> 
<li><a class="mb grey">советы</a>
 <ul>
 <li><a href="#">Почему кухни лучше покупать у нас</a></li>
 <li><a href="#">техническая эргономика</a></li>
 <li><a href="#">Советы при выборе кухни</a></li>
 <li><a href="#">Выбор цвета кухни</a></li>
 <li><a href="#">Как самому сделать замеры</a></li>
 </ul>
</li>
<li><a class="mb grey">Материалы</a>
 <ul>
 <li><a href="#">Из какого материала лучше кухня</a></li>
 <li><a href="#">Что такое крашенные фасады?</a></li>
 <li><a href="#">Австрийская фурнитура BLUM</a></li>
 </ul>
</li>
<li><a class="mb green">связь</a>
 
 <ul>
 <li><a href="#">Написать Нам</a></li>
 <li><a href="#" class="ulightbox">Заказать обратный звонок</a></li>
 </ul> 
 
 </li>
</ul>
 
</div>

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

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

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