Главная » Файлы » Прочие скрипты » jQuery |
Красивое тёмное многоуровневое горизонтальное меню на jQuery и css
23.06.14, 09:24:47 | |
Очень даже приличное стильное меню для вашего сайта Для начала посмотрите ДЕМО Установка: После /head на страницах, где будет располагаться данное меню, вставляйте: Код <link rel="stylesheet" href="/css/style.css" type="text/css" /> <!--[if lt IE 8]> <script src ="http://ie7-js.googlecode.com/svn/version/2.1(beta2)/IE8.js"></script> <![endif]--> Следующий код в то место, где будет само меню: Код <ul id="nav"> <li><a href="#">Home</a></li> <li><a href="#">About</a> <ul> <li><a href="#">About Us</a></li> <li><a href="#">About Them</a></li> <li><a href="#">About You</a> <ul> <li><a href="#">More About Us</a></li> <li><a href="#">More About Them</a></li> <li><a href="#">More About You</a></li> </ul> </li> </ul> </li> <li><a href="#">Portfolio</a></li> <li><a href="#">Contact</a> <ul> <li><a href="#">International</a></li> <li><a href="#">Corporate</a> <ul> <li><a href="#">International</a></li> <li><a href="#">Corporate</a></li> <li><a href="#">American Offices</a></li> </ul> </li> <li><a href="#">American Offices</a></li> </ul> </li> <li><a href="#">Mission Statement</a></li> </ul> <div style="clear:both;"></div> Далее в самый низ после тега /body вставляйте: Код <script src="/js/jquery.effects.core.js" type="text/javascript"></script> <script type="text/javascript" src="/js/scripts.js"></script> Нам осталось лишь залить два скрипта из прикреплённого архива в папку js и стиль в папку css Материал подготовлен Apocalypse | |
Просмотров: 402 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |