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


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 при наведении.

Скачать исходник:
jmenu_v1.6.rar


скрипт скрипт JMENU V1.6 - ПЛАГИН МЕНЮ
Статистика
0  
Всего статей 1025
0  
Всего комментариев 57
0  
Пользователей 2515
Обновления new
  • XenForo Resource Manager 1.1.4
  • Что такое Менеджер ресурсов (Resource Manager)? Менеджер ресурсов является официальным дополнением для XenForo, которое позволяет управлять
  • Boss Electronues - Шаблон для OpenCart
  • И так, данный шаблон заточен под OpenCart. В данном шаблоне есть не свойственная для магазинов возможность писать блоги. В шаблон встроен блог от
  • R.Gen - Шаблон на OpenCart
  • R.Gen - это отличный премиум шаблон на OpenCart. Отличный дизайн, полностью настраиваемый и в тоже время простой в шаблон для создания серьезного
  • 30 psd логотипов на разные тематики
  • Эта сборка из 30 psd логотипов на разную тематику. Логотипы схематичные, яркие, детализированные, в отличном качестве и в формате PSD. Логотипы не
  • Xenu Программа для проверки битых ссылок
  • Xenu старенькая но очень полезная программа для поиска битых ссылок на сайте. Описание: Проверка ссылок делается на: ссылки, изображения, рамок,
Информация