Создание скользящего меню с легкостью, используя jQuery.mmenu

Создание творчески другого меню иногда довольно сложно, когда у вас нет хорошей идеи или вдохновения. Но этот тип вопроса может быть исправлен путем поиска других вдохновляющих дизайн меню или с помощью инструментов. В этом отношении jQuery.Mmenu является довольно удобным инструментом.

jQuery.Mmenu это простой в использовании плагин jQuery для создания скользящего меню мобильного приложения на вашем сайте. Это гладкое креативное меню принесет приятный и аккуратный пользовательский опыт.
Начиная
Чтобы начать работу с jQuery.Mmenu, перейдите на страница загрузки и плагин будет загружен автоматически. В этом посте мы постараемся построить базовое меню.

Как и другие плагины jQuery, чтобы использовать это, вы должны включить в свой сайт необходимые зависимости. Это jQuery, jquery.mmenu.js и jquery.mmenu.css. Фрагмент выглядит следующим образом:

..

..

И этого должно быть достаточно для создания основного меню со всеми функциями и стилями. Для более продвинутых и дополнительных функций вам необходимо включить дополнительные файлы JS и CSS.
Создание меню
Давайте создадим основное меню, как вы обычно создаете его с помощью элементов nav, ul, li и a. В этой демонстрации мы создадим горизонтальное меню, которое имеет три подменю, а также три подменю, вот так.

В вышеупомянутом меню мы включили навигацию с идентификатором меню, который будет использоваться как ссылка на функцию jQuery.mmenu. Затем вызовите плагин с помощью функции javascript и включите идентификатор следующим образом.

В теге LI вы можете видеть класс с именем Selected, этот класс полезен для создания меню по умолчанию, выбранного при инициализации. Вы также можете добавить свой собственный класс (например, «активный»), но обязательно включите его в раздел конфигурации, например, так.

Этот плагин автоматически добавляет ссылки закрытия и открытия подменю, поэтому нам не нужно их создавать. Наше меню должно выглядеть следующим образом.
Вывод
jQuery.mmenu предлагает вам отличное решение для создания различных меню как можно проще. Вы даже можете создавать другие интерактивные элементы с помощью этого плагина, например, вы можете создать скользящую подсказку и панель уведомлений для мобильного сайта.

JQuery.Mmenu можно настроить для дальнейшего использования. Например, вы можете создать мобильный список контактов на своем сайте, комбинируя его расширение темы, надстройку (метки, счетчики, заголовок, dragOpen и поле поиска) и позиционирование.