Главная » Файлы » Прочие скрипты » jQuery |
Интересное вертикальное меню с эффектом fade slide на jQuery
23.06.14, 09:06:46 | |
Простой легко настраиваемый скрипт с эффектом fade slide. Довольно-таки приятная анимация впечатлит любого пользователя Для начала посмотрите ДЕМО Установка: После /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> Следующий код в то место, где будет само меню: Код <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> Осталось лишь залить два скрипта из архива в папку js и стиль в папку css Материал подготовлен Apocalypse | |
Просмотров: 443 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |