Установка:
Данный код ставим перед </head>:
Code
<link rel="stylesheet" type="text/css" href="http://7ucoz.com/images/bigbar/menu/jqueryslidemenu.css" />
<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
</style>
<![endif]-->
<script type="text/javascript" src="http://7ucoz.com/images/bigbar/menu/jquery.min.js"></script>
<script type="text/javascript" src="http://7ucoz.com/images/bigbar/menu/jqueryslidemenu.js"></script>
Вот само меню:
Code
<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="#">1 тема</a></li>
<li><a href="#">2 тема</a></li>
<li><a href="#">Тема с подменю 1</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
</ul>
</li>
<li><a href="#">3 тема</a></li>
<li><a href="#">Тема с подменю 2</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Folder 3.1.1</a>
<ul>
<li><a href="#">Sub Item 3.1.1.1</a></li>
<li><a href="#">Sub Item 3.1.1.2</a></li>
<li><a href="#">Sub Item 3.1.1.3</a></li>
<li><a href="#">Sub Item 3.1.1.4</a></li>
<li><a href="#">Sub Item 3.1.1.5</a></li>
</ul>
</li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">4 тема</a></li>
</ul>
<br style="clear: left" />
</div>