Wowo!! bueno, voy a tratar, pero yo no se mucho, ya que el script lo bajé del depósito de Javascript.
Seguro que cualquiera que sepa te dará una mejor explicación.
Todas las clases son mias para posicionamiento de texto (clases=DIV.loquesea) el resto tienen su nombre bien definido en el nombre del DIV:
#menubar: donde especificas los colores y el posicionamiento de la barra principal de menú (Altura, margen desde la izq. colores, etc.)
#menubar a: Donde vas a especificar las características de los links del menú ppl.
#menubar a.active: solo el mouseover los links
.menu .options: LAs características del submenú
.menu a: los links de los submenús
.menu a:hover mouseover los submenús
Luego tienes al archivo script donde yo me pierdo pero si se que te imprime las capas de los submenús y te genera la animación.
En la parte principal de la página, esta esto:
<pre> var menus = [ //ypSlideOutMenu(id, dir, left, top, width, height)
new ypSlideOutMenu("menu1", "down", 5, 95, 130, 59),
new ypSlideOutMenu("menu2", "down", 105, 95, 170, 183),
new ypSlideOutMenu("menu3", "down", 221, 95, 170, 150),
new ypSlideOutMenu("menu4", "down", 345, 95, 170, 21)
] </pre>
Donde defines las variables de posicionamiento de los submenús. No es algo tan complicado si le das una mirada y bajas el script. Lo puedes bajar deldepósito de javascript o en ../ypSlideOutMenusC.js en esa misma página.
de todos modos, otro lo explicará mucho mas claro repito. Yo solo soy un aficionado al JScript.