The article Vysuvacie menu v CSS a JavaScripte is written by PaBi3
Vysuvacie menu v cistom CSS pre kazdy prehliadac som este nikde nevidel a zatial asi nie je sposob ako ho vytvorit, ak ano skuste ma opravit v komentaroch. Moje vysuvacie menu bude vyuzivat komponent hover.htc, ktory hover efekt bude emulovat (pre MSIE).
Subor si musite stiahnut na adrese http://users.hszk.bme.hu/~hj130/css/list_menu/hover/. Zdrojovy kod CSS pre menu: * { margin:0; padding:0; color:#444444; font-weight:bold; } ul#menu a { display:block; } ul#menu { list-style-type:none; } ul#menu li { display:block; float:left; } ul#menu li a { padding:0.25em 1em 0.25em 1em; border:1px solid #cccccc; background:#efefef; text-decoration:none; } ul#menu li a:hover { background:#f4f4f4; } ul#menu li ul { display:none; } ul#menu li ul li { display:block; float:none; border:1px solid #cccccc; } ul#menu li ul li a { border:0; background:#efefef; } ul#menu li ul li a:hover { color:#ffffff; background:#003366; } /* zahrnutie a vyuzitie komponentu hover.htc */ li { behavior:url('hover.htc'); } ul#menu li:hover ul, ul#menu li.hover ul { display:block; position:absolute; } Zdrojovy kod XHTML pre menu: <ul id='menu'> <li><a href=''>Nove menu</a> <ul> <li><a href=''>Hlavna stranka</a></li> <li><a href=''>Zoznam rubrik</a></li> <li><a href=''>Download</a></li> <li><a href=''>Download</a></li> <li><a href=''>Weblinks</a></li> </ul> </li> <li><a href=''>Nova navigacia</a> <ul> <li><a href=''>Hlavna stranka</a></li> <li><a href=''>Zoznam rubrik</a></li> <li><a href=''>Download</a></li> <li><a href=''>Weblinks</a></li> </ul> </li> <li><a href=''>Stare menu</a> <ul> <li><a href=''>Hlavna stranka</a></li> <li><a href=''>Zoznam rubrik</a></li> <li><a href=''>Download</a></li> <li><a href=''>Weblinks</a></li> </ul> </li> <li><a href=''>Vedlajsie menu</a> <ul> <li><a href=''>Hlavna stranka</a></li> <li><a href=''>Zoznam rubrik</a></li> <li><a href=''>Download</a></li> <li><a href=''>Weblinks</a></li> </ul> </li> </ul> Vysledok si mozete prezriet na tejto adrese.
Vysúvacie menu v CSS a JavaScripte Návrat

Vysúvacie menu v CSS a JavaScripte