Простенькое вертикальное меню с эффектами аккордеона и плавного исчезания
Для начала посмотрите
ДЕМО
Установка:
1#: После /head на нужных страницах вставляйте:
|
<link href="/css/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="/js/jQuery.fademenu.js"></script> <script type="text/javascript" src="/js/menu.js"></script> |
2#: Следующий код в то место, где будет само меню:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
|
<div id="menu"> <dl> <dt><a href="#">Parent</a></dt> <dd id="open"> <ul> <li><a href="#">Child</a></li> <li><a href="#">Child</a></li> <li><a href="#">Child</a></li> <li><a href="#">Child</a></li> </ul> </dd> <dt><a href="#">Parent</a></dt> <dd> <ul> <li><a href="#">Child</a></li> <li><a href="#">Child</a></li> <li><a href="#">Child</a></li> <li><a href="#">Child</a></li> </ul> </dd> <dt><a href="#">Parent</a></dt> <dd> <ul> <li><a href="#">Child</a></li> <li><a href="#">Child</a></li> <li><a href="#">Child</a></li> <li><a href="#">Child</a></li> </ul> </dd> </dl> </div> |
Залейте CSS файл из прикреплённого архива в папку
css и два JS файла в папку
jsАвтор публикации
12
Я не понял вашего вопроса, но постараюсь на него ответить...
Комментарии: 393Публикации: 1096Регистрация: 27-08-2018