Příklady - dynamické menu

Obsah:


Jak na to

Hlavní menu můžeme vytvořit jako samotné odkazy nebo např. jako nečíslovaný seznam. Položky podmenu můžeme vložit do bloků (div) nebo také do nečíslovaného seznamu apod.

Skupina položek podmenu musí být vždy v nějakém elementu (div, ul apod.), aby ji bylo možné zobrazit a skrýt.

Na tento element se můžeme v JavaScriptu odkázat prostřednictvím jeho id nebo jako na dceřinný element položky hlavního menu.

Rozbalovací menu

Pod tímto označením si můžeme představit sloupcové menu, v němž se pod položkou objeví její podmenu. Sloupec ostatních položek hlavního menu se tím posune níž. Obvykle se rozbalení menu přiřazuje události onclick. Rozbalené podmenu je možné skrýt opětovným kliknutím nebo automaticky při rozbalení další položky menu.

Roletové a vyjížděcí menu

Položky podmenu jsou umístěny ve vyšší vrstvě (z-index) než text stránky a překrývají jej.

Menu může být uspořádáno vodorovně (roletkové menu) i svisle (vyjížděcí menu).

Zobrazení podmenu se obvykle děje při najetí myši na položku menu (onmouseover) a skrytí při odjetí myši (onmouseout).