Неплохое тёмное многоуровневое меню, которое вы легко сможете подстроить под свой дизайн
Установка:
На нужных страницах после /head вставляйте:
Code
<link rel="stylesheet" type="text/css" href="/css/jqueryslidemenu.css" />
<script type="text/javascript" src="/js/jqueryslidemenu.js"></script>
Следующий код вставляйте в то место, где будет располагаться само меню:
Code
<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">Форум</a></li>
<li><a href="#">Гостевая</a></li>
<li><a href="#">Photoshop</a>
<ul>
<li><a href="#">Уроки Photoshop</a></li>
<li><a href="#">Работа в Photoshop</a></li>
<li><a href="#">Дополнения для Photoshop</a></li>
<li><a href="#">Наше творчество</a></li>
</ul>
</li>
<li><a href="#">Папка 2</a>
<ul>
<li><a href="#">Подпункт 2.1</a></li>
<li><a href="#">Подпапка 2.1</a>
<ul>
<li><a href="#">Подпункт 2.1.1</a></li>
<li><a href="#">Подпункт 2.1.2</a></li>
<li><a href="#">Подпапка 3.1.1</a>
<ul>
<li><a href="#">Подпункт 3.1.1.1</a></li>
<li><a href="#">Подпункт 3.1.1.2</a></li>
<li><a href="#">Подпункт 3.1.1.3</a></li>
<li><a href="#">Подпункт 3.1.1.4</a></li>
<li><a href="#">Подпункт 3.1.1.5</a></li>
</ul>
</li>
<li><a href="#">Подпункт 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Пункт 4</a></li>
</ul>
<br style="clear: left" />
</div>
Осталось залить скрипт из прикреплённого архива в папку js, стиль в папку css и две картинки в папку images
Источник материала: http://paint.3dn.ru
Материал подготовлен Apocalypse
Мини-профиль
