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