Перейти к публикации

Создан не сайт, а меню (многоуровневый аккордион)


Рекомендованные сообщения

Демо:

http://www.kentavr.com.ru/demo/menu_mla

Из особенностей:

- Неограниченное кол-во вложений

- Поддержка Bootstrap и Font Awesome

- Никакой графики

- CSS3

- В скелете меню не задаются классы и ИД, все делает JS. Только в одном месте указывается два класса меню + ИД меню.

- На одной странице может быть несколько разных меню с разным цветовым оформлением (цвет задается классом меню)

- Адаптивное (Responsive)

- Можно раскрашивать каждый уровень меню в свой тон/цвет, задается в CSS

PS: С цветами сильно не настраивал, можно конечно все улучшить...

Теперь вопросы:

- Изобрел лесапед? (Хотя очень много перерыл всего, но везде что-то не то.... Либо очень громоздкое с непонятным кодом и глюкавое или одноуровневое, максимум 2х уровневое)

- Создана хрень или не совсем?

- А нужно ли такое меню кому-то вообще ?

Ссылка на сообщение
Поделиться на других сайтах

Хотелось бы увидеть не сжатый вариант http://www.kentavr.com.ru/demo/menu_mla/js/menu_mla-min.js ,что то мне показалось что там очень большая зависимость от классов и слишком много букв. :)

Ссылка на сообщение
Поделиться на других сайтах

там очень большая зависимость от классов

Когда кажется - это хорошо :)

- В скелете меню не задаются классы и ИД, все делает JS. Только в одном месте указывается два класса меню + ИД меню.

Пока не хочу раскрывать JS код по ряду причин. Букв - полторы сотни строк, можно сократить процентов на 20 :)

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...