Как сделать выпадающее меню?

lola2110:

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

Для начала несколько слов о том, зачем оно необходимо. Итак, выпадающее меню служит в качестве разбора иерархии всех разделов, содержащихся в меню. Зачастую в меню перечисляют все подразделы, которые относятся к определенной секции, при наведении курсора мышки на него. Выпадающее меню очень удобно, ведь благодаря ему можно просмотреть содержания всех секций, а также перейти на любую заинтересовавшую страничку из какого угодно места. Это все что касается назначения выпадающего меня и его удобства. Теперь уже поговорим о том, как же его создать. Зачастую создание производится посредствам очень большой разметки и непосредственно Javascript. Самая простенькая структура способна вместить около 19 строк, которые будут написаны на HTML и в последствии всего будет добавлено небольшое вкрапление CSS3. Итак, поехали. Что же собой представляет разметка в данном случае? Это ничто иное, как серия вложенных списков lt;ulgt;. Не нужно применять никакие классы и элементы, только лишь списки. Далее во все пункты, которые должны содержать новые подпункты, добавляем совсем другой элемент lt;ulgt;.

Стоит отметить, что данный элемент вовсе не имеет класса. Мы за то, чтобы использовать каскадные стили, так код получается более понятным и чистым. После всего проделанного, подключаем CSS. Он нам понадобиться для трансформирования элементов lt;ulgt;. Потом уже добавляем вложенные и списки и получаем неплохое выпадающее меню.