è molto più facile di quello che pensi e se ti ci metti ci puoi arricare tranquillamente da solo. Qualche dritta:
Ti fai una table e metti tanti <tr></tr> quanti sono i tuoi menù, all'interno onMouseOver="showSubMenu(1);" onMouseOut="hideSubMenu(1);"
dopodichè richiami ogni tr all'interno di una table passandogli ad esempio showSubMenu(1) e imposti la visibilità a false.

Poi nel tuo file *.js ci metti i due metodi showSubMenu(iItemId) hideSubMenu(iItemId) e li fai funzionare al passaggio del mouse, qualcosa del genere:

var tblSubMenu = document.getElementById("subMenu" + iItemId);
tblSubMenu.style.visibility="visible";
tblSubMenu.style.display="block";
e
var tblSubMenu = document.getElementById("subMenu" + iItemId);
tblSubMenu.style.visibility="hidden";
tblSubMenu.style.display="none";