Адаптивная горизонтальная навигация

Реализация адаптивной горизонтальной навигации по ширине окна браузера — HorizontalNav

Как реализовать:

1. Разметка html

2. Стили CSS

3. Подключаем в шапку сайта jQuery и javascript

Список стандартных опций:

responsive:true, — автоматическая подстройка навигации при изменении размеров окна
responsiveDelay:100, — количество времени в мс, перед повторной поднастройкой навигации при изменении размеров окна
tableDisplay:true, — включение в современных браузерах display:table;, если установлено в false — то ширина элементов списка будет расчитываться вручную
minimumItems:0, — минимальное количество пунктов меню требуемое до автоматической регулировки ширины. 0 — всегда. Полезно для предотвращения появления огромных, одного или двух, пунктов меню

Готово!

delux

Предлагаю делиться опытом в сфере сайтостроения!

Читайте также:

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.