динамическое меню с использованием HTML, CSS и JavaScript

Question

Я новичок, пишу один интерфейс для создания динамического меню (каскадного) с использованием html, javascript и css3 на основе пунктов меню, предоставленных сервером.Каков наилучший подход к этому сценарию?в ожидании вашего значения ввода по этому вопросу.спасибо всем.

Answer 1

Вы должны убедиться, что ваше меню работает с использованием css, только для начала используйте атрибут: hover psuedo.Как только у вас будет работать только css, вы начнете включать слайды .js и т. Д. Для хорошей анимации.

Если вы используете .js, прежде чем убедиться, что он работает с css, вы получите меню, которое не будет работатьв не .js окружениях

стандартным способом является:

ul
 li
  div
 li
  div
   ul
    li
     div
   /ul
  /div
 /ul

и css:

.menu li:hover > div {display:block}

Что означает, что при наведении курсора на li будет отображаться divи пока вы удерживаете мышь над содержимым div, он покажет (позволяя вам навести курсор на содержащиеся элементы li, которые снова покажут связанный div)

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

Answer 2

Определите div для меню и, возможно, список ul-li для меню или определите div иерархически, чтобы соответствовать уровням в вашем меню и определить стили для div и добавить javascript или jquery к div или ul id. Думаю, это то, что вам нужно.