—»     —»   jQuery-плагины плавающих меню: держите свое время всегда под рукой!
  Раздел: Меню и Навигация   Нет комментариев  

jQuery-плагины плавающих меню: держите свое время всегда под рукой!

Никто не оспорит тот факт, что навигация является наиважнейшим элементом любого сайта. Плохая навигация часто становится причиной тому, почему сайт имеет плохую посещаемость. Простое и удобное меню может стать реальным преимуществом вашего онлайн-проекта, и увеличить показатели конверсии. Замечали ли вы, как иногда нудно бывает пролистывать страницу до самого верха, чтобы перейти в другой раздел сайта? Такая проблема часто встречается на сайтах, где много контента, который размещается на длинных страницах. Сначала пользователь прокручивает страницу вниз, и при этом изучат предложенную информацию, но когда страница заканчивается, посетитель вашего сайта должен продеть длинный путь обратно, в самый верх, чтобы перейти на другую сторону. Вам правда кажется, что посетитель заслуживает такого наказания?

Как вы думаете, было бы удобно, если бы меню сайта «прилипло» к верху окна, например, чтобы посетитель всегда мог воспользоваться им, где бы он ни находился на странице? Если вам нравится такое решение, и вы уже сейчас хотите сделать «плавающее» меню на своем сайте, то у нас для вас есть новость. Ниже мы подготовили для вас коллекцию бесплатных jQuery-плагинов для создания таких меню. Скачивайте их прямо сейчас, и позвольте вашим посетителям насладиться удобством использования вашего сайта.

01. Floating Menu

jQuery-плагины плавающих меню: держите свое время всегда под рукой!

Плагин Floating Menu создает виджет прилепленного плавающего меню при помощи jQuery из любого пользовательского меню в Wordpress. Вы можете создавать даже несколько разных плавающих меню для каждой страницы – расположение каждой вкладки можно указать в панели управления виджетами. Меню также может быть активировано при наведении курсора мыши или при нажатии.

02. hcSticky – jQuery-плагин плавающего меню

jQuery-плагины плавающих меню: держите свое время всегда под рукой!

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

03. jQuery-скрипт плавающего меню

jQuery-плагины плавающих меню: держите свое время всегда под рукой!

Данный плагин создает небольшое окно в левом или правом углу вашей страницы, отображающее основное меню. Такая модернизация основных меню очень удобна, если страницы вашего сайта наполнены контентом, и прокрутка страниц занимает достаточно много времени.

04. Portamento.js

jQuery-плагины плавающих меню: держите свое время всегда под рукой!

С помощью этого простого jQuery-плагина вы можете реализовать скользящую «плавающую» функциональную панель. Все что от вас требуется, это добавить простой CSS код и одну строку кода js! Плагин отлично работает как с плавающими элементами, так и с позиционированными, во всех современных браузерах.

05. Плавающее меню на jQuery

jQuery-плагины плавающих меню: держите свое время всегда под рукой!

Предлагаем вам простое навигационное меню, которое следует за прокруткой страницы и раскрывается при наведении курсора мыши. Оно разработано при помощи CSS и jQuery.

06. Absolute Floating Menu: jQuery-плагин плавающего меню

jQuery-плагины плавающих меню: держите свое время всегда под рукой!

Скрипт Absolute Floating Menu так же является jQuery-плагином, который можно применить посредством следующих этапов:

- скачать, загрузить на сервер и указать jQuery-библиотеку в HTML HEAD.
- скачать версию 1.2, загрузить на сервер отдельным файлом, и указать его в шапке страницы после библиотеки jQuery.
- ссылка: http://www.jtricks.com/javascript/navigation/floating.html

07. Горизонтальное плавающее меню на jQuery

jQuery-плагины плавающих меню: держите свое время всегда под рукой!

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

08. Плавающее меню на jQuery

jQuery-плагины плавающих меню: держите свое время всегда под рукой!

Отличный пример того, как можно создавать плавающие меню при помощи jQuery, в котором описывается весь процесс.

09. Плавающее меню на jQuery: прокрутка навигационного меню вместе со страницей

jQuery-плагины плавающих меню: держите свое время всегда под рукой!

Здесь вы найдете отличное руководство о том, как реализовать на своем сайте jQuery-плавающее меню с прокруткой.

10. Разрабатываем плавающее меню при помощи jQuery и CSS - больше не работает

jQuery-плагины плавающих меню: держите свое время всегда под рукой!

Предлагаем вам отличную альтернативу долгой прокрутки к верху страницы – отличное плавающее меню, которое будет оставаться на своем месте даже при прокрутке страницы.

11. WordPress-плагин Floating Menu

jQuery-плагины плавающих меню: держите свое время всегда под рукой!

Этот удобный плагин позволяет вам реализовать меню, которое будет следовать за областью просмотра по мере прокрутки страницы блога на Wordress. Этот плагин совместим с WordPress версии 3.4, и использует jQuery для анимаций и скроллинга, а также миниатюрный css-файл для оформления.

12. Плавающее меню на jQuery

jQuery-плагины плавающих меню: держите свое время всегда под рукой!

Это плавающее меню на jQuery всегда появляется в поле видимости на странице. Его очень просто установить при помощи отрывка кода.

13. Скрипт плавающего меню

jQuery-плагины плавающих меню: держите свое время всегда под рукой!

Это кросс-браузерное меню всегда будет оставаться на виду, в левом углу браузера. Давайте рассмотрим наиболее примечательные свойства этого скрипта:

- Поддержка довольно полноценного HTML-кода, а это значит, что вы сможете преобразовать практически любой элемент в плавающий.
- Меню можно расположить как сверху, так и снизу страницы.

Если вы считаете, что в этом списке должны присутствовать какие-то другие плагины для организации плавающего меню на страницах сайта, то обязательно напишите об этом в комментариях. Надеемся, вам понравилась наша сегодняшняя подборка, и вы обязательно воспользуетесь одним из пунктов в своем следующем проекте!
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: jQuery, CSS
Опубликовал Design FactoRy   Прочитано (раз): 23091   |   Нет комментариев
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц November по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Спонсоры проекта
Баннер в сайдбаре 1 (сквозной)
Баннер в сайдбаре 2 (сквозной)
Спонсоры проекта
Баннер в сайдбаре 3 (сквозной)
Баннер в сайдбаре 4 (сквозной)
Популярные публикации







Свежие шаблоны сайтов каждый день
С миру по нитке
«    Март 2024    »
ПнВтСрЧтПтСбВс
 123
45678910
11121314151617
18192021222324
25262728293031