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