http://yur4iksite.at.ua/Forum_picture/_Ucoz_scripts/sdmenu.zip (скачать архив)
Установка:
Скачайте файл
Заливаем папку с файлами в корень сайта
На странице, где хотим видеть меню между <head> и </head>
Вставляем следующий код:
Code
<link rel="stylesheet" type="text/css" href="sdmenu/sdmenu.css" />
<script type="text/javascript" src="sdmenu/sdmenu.js"></script>
<script type="text/javascript">
// <![CDATA[
var myMenu;
window.onload = function() {
myMenu = new SDMenu("my_menu");
myMenu.init();
};
// ]]>
</script>
Далее в то место этой же страницы, где хотим видеть само меню:
Code
<div style="float: left" id="my_menu" class="sdmenu">
<div>
<span>Название меню</span>
<a href="ваша ссылка">Название ссылки</a>
<a href="ваша ссылка">Название ссылки 2</a>
<a href="ваша ссылка">Название ссылки 3</a>
<a href="ваша ссылка">Название ссылки 4</a>
<a href="ваша ссылка">Название ссылки 5</a>
<a href="ваша ссылка">Название ссылки 6</a>
</div>
<div>
<span>Название меню</span>
<a href="ваша ссылка">Название ссылки</a>
<a href="ваша ссылка">Название ссылки 2</a>
<a href="ваша ссылка">Название ссылки 3</a>
</div>
<div class="collapsed">
<span>Название меню</span>
<a href="ваша ссылка">Название ссылки</a>
<a href="ваша ссылка">Название ссылки 2</a>
<a href="ваша ссылка">Название ссылки 3</a>
<a href="ваша ссылка">Название ссылки 4</a>
</div>
<div>
<span>Название меню</span>
<a href="ваша ссылка">Название ссылки</a>
<a href="ваша ссылка">Название ссылки 2</a>
<a href="ваша ссылка">Название ссылки 3</a>
<a href="ваша ссылка">Название ссылки 4</a>
</div>
</div>
Замените только ссылки и название страниц!