Главная » Файлы » Прочие скрипты » jQuery

Красивое меню - аккордеон для вашего сайта на jQuery easing и jQuery
23.06.14, 09:27:52

Скачать файл




Замечательное красочное меню с красиво выпадающими подпунктами, которое украсит любую страничку вашего сайта

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

Установка:

После /head на нужных страницах вставляйте:
Код
<link rel="stylesheet" type="text/css" href="/css/demo.css" />  
  <script type="text/javascript" src="/js/jquery.easing.1.3.js"></script>  
  <script type="text/javascript" src="/js/script.js"></script>


Следующий код в то место, где будет само меню:
Код
<ul class="container">
<li class="menu">

<ul>
<li class="button"><a href="#" class="green">Kiwis <span></span></a></li>

<li class="dropdown">
<ul>
<li><a href="#" onclick="$('.button a').eq(2).click();return false;">Open Grapes Section</a></li>
<li><a href="#" onclick="$('.dropdown').slideUp('slow');return false;">Close This Section</a></li>
<li><a href="#">Read on Wikipedia</a></li>
<li><a href="#">Flickr Stream</a></li>
</ul>
</li>

</ul>

</li>

<li class="menu">

<ul>
<li class="button"><a href="#" class="orange">Oranges <span></span></a></li>

<li class="dropdown">
<ul>
<li><a href="#" onclick="$('.button a:last').click();return false;">Open Last Section</a></li>
<li><a href="#">Wikipedia Page</a></li>
<li><a href="#">Flickr Photos</a></li>
</ul>
</li>

</ul>

</li>

<li class="menu">

<ul>
<li class="button"><a href="#" class="blue">Grapes <span></span></a></li>

<li class="dropdown">
<ul>
<li><a href="#">Wiki page</a></li>
<li>Text label 1</li>
<li>Text label 2</li>
<li><a href="#">Flickr Stream</a></li>
</ul>
</li>

</ul>

</li>

<li class="menu">

<ul>
<li class="button"><a href="#" class="red">Strawberries <span></span></a></li>

<li class="dropdown">
<ul>
<li><a href="#">Wiki page</a></li>
<li><a href="#">Strawberry Pie</a></li>
<li><a href="#">Photo Stream</a></li>
</ul>
</li>

</ul>

</li>
</ul>

  <div class="clear"></div>


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

Материал подготовлен Apocalypse

Категория: jQuery | Добавил: Apocalypse | Теги: красивое, аккордеон, на, JQuery, Вашего, Easing, сайта, для, Меню
Просмотров: 338 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: