| Главная » Файлы » Прочие скрипты » 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 | |
| Просмотров: 400 | Загрузок: 0 | | |
| Всего комментариев: 0 | |
|
| |