ВЫПАДАЮЩЕЕ МЕНЮ
Возможна ситуация когда меню будет не простое, сложное. Состоящее из множества под меню.
Вот и сделаем такое меню, которе при наведении будет выдавать список из подменю. Это на самом деле не сложно,
на много сложнее будет сделать, чтобы подсвечивался именно активный (тот в котором находися) пункт меню.
Это уже рассмотрим
потом.
Не буду строить сложное меню. достаточно 3 уровня для понятия технологии.
Вот наше меню
<div class='menu_v'>
<ul>
<li><a href='index.php'>МЕНЮ1</a>
<ul>
<li><a href='#'>МЕНЮ2</a>
<ul>
<li ><a href='#' >МЕНЮ3</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
Вот наше многоуровневое меню. В принципе вполне нормальное, только хочется чутка расскрасить
и сместить влево. Но это абсолютно не проблема. В стилях CSS это делается как 2 пальца об....
А вот сделать его невидимым и при наведении видимым это уже сложнее.
Не буду разукрашивать сильно в стилях. Перейду сразу к технологии невидимости )))
Все пляшет вокруг класса menu_v и классов внутри этого класса. их в нашем меню на самом деле огромная куча
.menu_v свойство дива
.menu_v ul свойство списка внутри дива
.menu_v ul li свойство каждой строки списка внутри дива (МЕНЮ1)
.menu_v ul li a свойство ссылок внутри строки списка который внутри списка который внутри дива (МЕНЮ1)
.menu_v ul li ul свойство списка который является строкой внутри списка который внутри дива
.menu_v ul li ul li и т.д. и т.п. строка МЕНЮ2
.menu_v ul li ul li a и т.д. и т.п. ссылка МЕНЮ2
.menu_v ul li ul li ul и т.д. и т.п.
.menu_v ul li ul li ul li и т.д. и т.п. строка МЕНЮ3
.menu_v ul li ul li ul li a и т.д. и т.п. ссылка МЕНЮ3
Ага. я сам в шоке. запутаться в этой кутерме оч. и оч. легко. А еще сделать его Динамическим
(т.е. чтоб выделеный пункт меню подсвечивался и был виден) эт ваще тяжко.
Ну ладно, начнем-с.