Главная » Файлы » Прочие скрипты » jQuery
Красивое горизонтальное меню на css и jQuery с эффектом Lavalamp
23.06.14, 09:15:21

Скачать файл



Очень даже неплохое горизонтальное меню на jQuery и css с приятным эффектом при наведении на пункты

Для начала посмотрите ДЕМО

Установка:

После /head на страницах, где будет отображаться данное меню, вставляйте:
Код
<link href="/css/style.css" rel="stylesheet" type="text/css"/>


Следующий код в то место, где должно быть меню:
Код
<ul id="nav">
<li id="selected"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">More About My Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>


Теперь в самый низ, после тега /body вставляйте:
Код
<script type="text/javascript" src="/js/jquery-ui.min.js"></script>
  <script type="text/javascript" src="/js/jquery.spasticNav.js"></script>
<script type="text/javascript">  
  $('#nav').spasticNav();  
  </script>


Осталось лишь залить два скрипта из прикреплённого архива в папку js и стиль в папку css

Материал подготовлен Apocalypse
Категория: jQuery | Добавил: Apocalypse | Теги: CSS, красивое, горизонтальное, Lavalamp, на, JQuery, эффектом, Меню
Просмотров: 497 | Загрузок: 0 | Рейтинг: 1.0/1
Всего комментариев: 0
Имя *:
Email: