Красивое меню с эффектом раздвигающихся подпунктов и вложений прекрасно подойдёт для сайтов имеющих громоздкую навигацию.Вы можете установить меню в блок сайта юКоз воспользовавшись конструктором.Включите конструктор, создайте новый блок, поместите в него код для установки который предварительно измените в текстовом редакторе.Меню полностью настроено для работы, осталось изменить названия пунктов, подпунктов и вложений на свои.Для работы меню требуется подключенная библиотека jQuery, на сайтах системы uCoz она установлена по умолчанию, мастерам с других хостингов нужно будет её установить.
Проверьте код для установки меню в редакторе
Код
<link rel="stylesheet" media="all" type="text/css" href="http://delaisait.ucoz.ru/script/menu/css/2013/dsredblockmenu.css" /> <script type="text/javascript" src="http://delaisait.ucoz.ru/script/menu/js/2013/dsredblockmenu.js"> </script> <ul class="dsredblockmenu"> <li><a href="#">Главная</a></li> <li>Контакты <ul> <li><a href="#">E-mail</a></li> <li><a href="#">Адрес</a></li> <li><a href="#">Группа</a></li> <li><a href="#">Skype</a></li> </ul> </li> <li>Предлагаем <ul> <li><a href="#">Пункт 1</a></li> <li>Пункт 2 + <ul> <li><a href="#">Подпункт 1</a></li> <li><a href="#">Подпункт 2</a></li> <li><a href="#">Подпункт 3</a></li> <li><a href="#">Подпункт 4</a></li> </ul> </li> <li><a href="#">Пункт 3</a></li> <li>Пункт 4 + <ul> <li><a href="#">Подпункт 1</a></li> <li><a href="#">Подпункт 2</a></li> <li><a href="#">Подпункт 3</a></li> <li><a href="#">Подпункт 4</a></li> </ul> </li> <li>Пункт 5 + <ul> <li><a href="#">Подпункт 1</a></li> <li><a href="#">Подпункт 2</a></li> <li><a href="#">Подпункт 3</a></li> <li><a href="#">Подпункт 4</a></li> <li><a href="#">Подпункт 5</a></li> </ul> </li> </ul> </li> <li>Советуем <ul> <li><a href="#">Пункт 1</a></li> <li>Пункт 2 + <ul> <li><a href="#">Подпункт 1</a></li> <li><a href="#">Подпункт 2</a></li> <li><a href="#">Подпункт 3</a></li> <li>Подпункт 4 + <ul> <li><a href="#">Вложение 1</a></li> <li><a href="#">Вложение 2</a></li> <li><a href="#">Вложение 3</a></li> <li><a href="#">Вложение 4</a></li> </ul> </li> <li><a href="#">Подпункт 5</a></li> <li><a href="#">Подпункт 6</a></li> </ul> </li> <li>Пункт 3 + <ul> <li><a href="#">Подпункт 1</a></li> <li><a href="#">Подпункт 2</a></li> <li><a href="#">Подпункт 3</a></li> </ul> </li> <li><a href="#">Пункт 4</a></li> </ul> </li> <li>Наши работы <ul> <li><a href="#">Пункт 1</a></li> <li><a href="#">Пункт 2</a></li> <li><a href="#">Пункт 3</a></li> <li><a href="#">Пункт 4</a></li> </ul> </li> <li><a href="#">Мнения</a></li> </ul>