Вы находитесь здесь:Плагины 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" - выделение для текущей страницы

Прочитано 14406 раз Последнее изменение Суббота, 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, но это не очень валидное решение...

Если вопрос еще актуальный, выложите в интернет нерабочую страницу и киньте ссылку, я обязатеьно посмотрю
Ответить | Ответить с цитатой | Цитировать
 
 
# Rocco 25.11.2018 07:27
Hello. I see that you don't update your blog too
often. I know that writing articles is boring and time consuming.

But did you know that there is a tool that allows you to create new articles using existing content (from article directories or
other pages from your niche)? And it does it very well.
The new articles are unique and pass the copyscape test.
Search in google and try: miftolo's tools

Here is my webpage - ElkeJuicy: https://DannSee.wix.com
Ответить | Ответить с цитатой | Цитировать
 

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

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

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

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

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 или адаптивное меню (многоуровневое)