JMENU V1.6 - ПЛАГИН МЕНЮ

+ -
0
JMENU V1.6 - ПЛАГИН МЕНЮ


Неплохая функциональная горизонтальная навигационная панель с многоуровневым меню. Помимо jQuery требуется ещё и jQuery UI (поддерживаются все эффекты этой библиотеки, например fadein или slideDown). Внешний вид настраивается в отдельном CSS файле.

В шапке подключаем необходимые файлы:
<link rel="stylesheet" href="jquery/jMenu.jquery.css" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery/jquery-ui.js"></script>
<script type="text/javascript" src="jquery/jMenu.jquery.js"></script>


Библиотека jQuery UI используется только для добавления эффектов во время открытия/закрытия подменю.

Разметка HTML
<ul id="jMenu">
  <li><a class="fNiv">Категория 1</a> <!-- Не забудьте, что класс 'fNiv', только для ссылок первого уровня !! -->
    <ul>
      <li class="arrow"></li> <!-- только для оформления : arrow_down.png -->
      <li><a>Категория 2</a></li>  
      <li><a>Категория 2</a></li>  
      <li><a>Категория 2</a>  
        <ul>  
          <li><a>Категория 3</a></li>  
          <li><a>Категория 3</a></li>  
          <li><a>Категория 3</a></li>  
          <li><a>Категория 3</a></li>  
        </ul>  
      </li>  
      <li><a>Категория 2</a></li>  
    </ul>  
  </li>  
</ul>


javascript
И вызываем плагин меню:
$(selector).jMenu({options});
$(document).ready(function(){
    $("#jMenu").jMenu();
});


Опции
- ulWidth
- По умолчанию :
'auto'
- Описание: подправить ширину подменю ('auto' : подменю имеют ширину "родителей").

- absoluteTop
- По умолчанию :
30
- Описание: В пикселях, отступ сверху (абсолютный) подменю первого уровня по сравнению с "родителем".

- absoluteLeft
- По умолчанию :
0
- Описание: В пикселях, отступ слева (абсолютный) подменю первого уровня по сравнению с "родителем".

- effectSpeedOpen
- По умолчанию :
350
- Описание: В мс, скорость эффектов slideDown/fadeIn подменю.

- effectSpeedClose
- По умолчанию :
350
- Описание: В мс, скорость эффектов slideUp/fadeOut подменю.

- effectTypeOpen
- По умолчанию :
'slide'
- Описание: Можно установить 'slide', 'fade' или '' (пусто)

- effectTypeClose
- По умолчанию :
'slide'
- Описание: Можно установить 'slide', 'fade' или '' (пусто)

- effectOpen
- По умолчанию :
'linear'
- Описание: все jQuery UI эффекты разрешены.

- effectClose
- По умолчанию :
'linear'
- Описание: все jQuery UI эффекты разрешены.

- TimeBeforeOpening
- По умолчанию :
200
- Описание: В мс, время ожидания для эффектов slideDown/fadeIn.

- TimeBeforeClosing
- По умолчанию :
200
- Описание: В мс, время ожидания для эффектов slideUp/fadeOut.

- animatedText
- По умолчанию :
false
- Описание: Если true, анимация при наведении (см. следующую опцию paddingLeft).

- paddingLeft
- По умолчанию :
7
- Описание: В пикселях, анимация padding-left при наведении.

Скачать исходник:
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Комментариев 0