Главная » Файлы » Прочие скрипты » jQuery

Тёмное горизонтальное многоуровневое меню на jQuery для uCoz
23.06.14, 14:04:38

Скачать файл




Неплохое тёмное многоуровневое меню, которое вы легко сможете подстроить под свой дизайн

Для начала посмотрите ДЕМО

Установка:

На нужных страницах после /head вставляйте:
Код
<link rel="stylesheet" type="text/css" href="/css/jqueryslidemenu.css" />  
  <script type="text/javascript" src="/js/jqueryslidemenu.js"></script>


Следующий код вставляйте в то место, где будет располагаться само меню:
Код
<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
Категория: jQuery | Добавил: Apocalypse | Теги: Тёмное, горизонтальное, ucoz, на, JQuery, для, Меню, Многоуровневое
Просмотров: 274 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: