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

Простое легко настраиваемое многоуровневое меню с эффектом slide на jQuery
23.06.14, 09:07:00

Скачать файл




Отличное легко настраиваемое многоуровневое меню с эффектом выезжающих подменю на jQuery

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

Установка:

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


Далее код самого меню в нужное место:
Код
<ul id='nav'>
<li><a href='index.html#'>Top level 1</a></li>
<li><a href='index.html#'>Top level 2</a>
<ul>
<li><a href='index.html#'>Sub 2 - 1</a></li>
<li>
<a href='index.html#'>Sub 2 - 2</a>
<ul>
<li>
<a href='index.html#'>Sub 2 - 2 - 1</a>
<ul>
<li><a href='index.html#'>Sub 2 - 2 - 1 - 1</a></li>
<li><a href='index.html#'>Sub 2 - 2 - 1 - 2</a></li>
<li><a href='index.html#'>Sub 2 - 2 - 1 - 3</a></li>
<li><a href='index.html#'>Sub 2 - 2 - 1 - 4</a></li>
</ul>
</li>
<li><a href='index.html#'>Sub 2 - 2 - 2</a></li>
<li>
<a href='index.html#'>Sub 2 - 2 - 3</a>
<ul>
<li><a href='index.html#'>Sub 2 - 2 - 3 - 1</a></li>
<li><a href='index.html#'>Sub 2 - 2 - 3 - 2</a></li>
<li><a href='index.html#'>Sub 2 - 2 - 3 - 3</a></li>
<li><a href='index.html#'>Sub 2 - 2 - 3 - 4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='index.html#'>Sub 2 - 3</a></li>
</ul>
</li>
  </ul>

  <script type='text/javascript'>
$(function() {  
$('#nav').droppy();  
});  
  </script>


Остаётся лишь залить скрипт из прикреплённого архива в папку js и стиль в папку css

Материал подготовлен Apocalypse

Категория: jQuery | Добавил: Apocalypse | Теги: Простое, slide, на, JQuery, эффектом, настраиваемое, легко, Меню, Многоуровневое
Просмотров: 404 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: