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

Простое многоуровневое меню с плавно выпадающими подпунктами на jQuery
23.06.14, 11:28:21

Скачать файл




Простенькое многоуровневое меню эффектом плавно выпадающих подпунктов для вашего сайта

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

Установка:

После /head на нужных вам страницах вставляйте:
Код
<script type="text/javascript" src="/js/jquery.easing.js"></script>
<script type="text/javascript" src="/js/jquery.collapse.js"></script>
<script type="text/javascript">

$(function(){  

$('#collapser').jqcollapse({  
slide: true,  
speed: 1000,  
easing: 'easeOutCubic'  
});  

});  

</script>
<style>
ul { margin: 0; padding: 0; }  
ul li { margin: 10px 0 10px 25px; padding: 0; list-style: none; }  
.jqcNode { font-weight: bold; color: green; }  
</style>


Следующий код в то место, где будет само меню:
Код
<ul id="collapser">
<li>Item 1  
<ul>
<li>Item 1.1</li>
<li>Item 1.2  
<ul>
<li>Item 1.2.1</li>
<li>Item 1.2.2</li>
</ul>
</li>
<li>Item 1.3</li>
</ul>
</li>
<li>Item 2  
<ul>
<li>Item 2.1  
<ul>
<li>Item 2.1.1</li>
<li>Item 2.2.2</li>
</ul>
</li>
</ul>
</li>
<li>Item 3</li>
</ul>


Далее залейте два скрипта из прикреплённого архива в папку js

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