Вы находитесь здесь:Плагины jQuery»liMenuRespHard - jQuery Responsive Menu или адаптивное меню (многоуровневое)

liMenuRespHard - jQuery Responsive Menu или адаптивное меню (многоуровневое)

Воскресенье, 16 Сентябрь 2012 04:10 Автор 

jQuery Плагин liMenuRespHard преобразует ваше многоуровневое меню в адаптивное. После обработки плагином liMenuRespHard ваше меню примет юзабильный вид на устройствах с маленьким разрешением экрана.
liMenuRespHard - это версия преобразования адаптивного меню, предназначенная для меню с неограниченным уровнем вложенности.
В настройках плагина возможно указать тип преобразования: 1. Выпадающий список - 'select', 2. Иконка меню - 'button'

Меню преобразуется во всех современных браузерах, поддерживающих CSS3 Медиа-запросы, и никак не меняется в IE7,IE8

Пример работы на JSFIDDLE

Подключаемые файлы




Инициализация плагина

В настройках плагина возможно указать тип преобразования:
1. Выпадающий список - 'select',
2. Иконка меню - 'button'

Структура HTML

Структура вашего меню может быть с неограниченным уровнем вложенности
Класс ".anyClass" служит только для инициализации плагина,
класс ".menuResp" - отвечает за внешний вид и адаптацию меню,
класс ".active" - выделение для текущей страницы

Прочитано 7600 раз Последнее изменение Суббота, 18 Октябрь 2014 13:29
Оцените материал
(4 голосов)

Комментарии   

 
# Vafa 18.10.2014 06:12
К сожалению страница с примером не доступна.
Ответить | Ответить с цитатой | Цитировать
 
 
# Vafa 18.10.2014 07:43
Гениально! Простенький код. И такой удобный. Спасибо вам.
Ответить | Ответить с цитатой | Цитировать
 
 
# LiMasscode 18.10.2014 13:26
Цитирую Vafa:
Гениально! Простенький код. И такой удобный. Спасибо вам.

Спасибо что заметили отсутствие примера. Поправил
http://jsfiddle.net/yurik417/sk23buwh/
Ответить | Ответить с цитатой | Цитировать
 
 
# евгений 14.02.2015 23:36
Сайт в подписи. Поставить поставил, но отображается не так, как хотелось бы. Меню не "выпадает", браузер ошибок не показывает
Ответить | Ответить с цитатой | Цитировать
 
 
# евгений 16.02.2015 10:16
Частично разобрался, заставил выпадать его как нужно, но он сам вычисляет высоту TOP для дочерних (выпадающих) блоков.

Кто-то подскажет, как правильно исправить скрипт, чтобы он вычислял то что нужно для корректной работы в моем случае? Я пока решил вопрос добавив margin-top:-45p x, но это не очень валидное решение...
Ответить | Ответить с цитатой | Цитировать
 
 
# LiMasscode 01.03.2015 20:21
Цитирую евгений:
Частично разобрался, заставил выпадать его как нужно, но он сам вычисляет высоту TOP для дочерних (выпадающих) блоков.

Кто-то подскажет, как правильно исправить скрипт, чтобы он вычислял то что нужно для корректной работы в моем случае? Я пока решил вопрос добавив margin-top:-45px, но это не очень валидное решение...

Если вопрос еще актуальный, выложите в интернет нерабочую страницу и киньте ссылку, я обязатеьно посмотрю
Ответить | Ответить с цитатой | Цитировать
 

Добавить комментарий

Защитный код
Обновить

Онлайн-конструктор українського орнаменту

Чем вы можете помочь?

1. Разместить ссылку на своем сайте
Если вы ведете блог или у вас есть сайт - поставьте ссылку на www.masscode.ru. Скопируйте этот код:

<a href="http://masscode.ru" title="Плагины, сниппеты и пользовательские скрипты на jquery" target="_blank">Плагины, сниппеты и пользовательские скрипты на jquery</a>

2. Поддержать проект финансово
Вы можете сделать добровольное пожертвование

AUH: U878157792792
USD: Z821422743261
RUB: R360648948582
EUR: E298388086680

Свежие материалы

Последние коментарии

Вы находитесь здесь:   ГлавнаяjQueryliMenuRespHard - jQuery Responsive Menu или адаптивное меню (многоуровневое)