Jump to content
Sign in to follow this  
IgorA100

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

Recommended Posts

Демо:

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

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

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

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

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

- CSS3

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

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

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

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

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...