Главная » Файлы » Прочие скрипты » 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
Категория: jQuery | Добавил: Apocalypse | Теги: Многоуровневое, Меню, JQuery, на, горизонтальное, Тёмное, красивое, CSS
Просмотров: 269 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: