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