Problema con menú desplegable.

[mortiprogramador]

Hola
Bueno, esos cambios los he visto hacer con javascript, con jquery por ej, pero algo así rápidamente sería lo siguiente:

Código HTML:

<li class="dir"><a href="#" id="dir1">Botón 1</a>
        <ul>
 
            <li onMouseOver='test("dir1","over")' onMouseOut='test("dir1","out")'><a href="./">Español</a></li>
            <li><a href="./">English</a></li>
            <li><a href="./">Deutshc</a></li>
            <li><a href="./">Español</a></li>
            <li><a href="./">English</a></li>
            <li><a href="./">Deutshc</a></li>
 
        </ul>
    </li>
 

Que se ha modificado??
1. Se agrego un id al tag <a> del li "madre"
2. En los hijos (para este ej solo en uno) se llama a una función javascript,
pasandole dos parametros: El nombre del id y el evento que se esta ejecutando, esto para saber que se debe hacer con ese id dependiendo de uno u otro evento, esto porque llamamos a la misma función, si los separas en funciones distintas solo debes pasarle el id y listo

Y las función javascript tendrá lo siguiente:

Código js:

<script>
function test(estilo_a_modificar, estado)
{
  if(estado == 'over')
  {
    document.getElementById(estilo_a_modificar).style.color='#FFFFFF';
  }
  else
  {
    document.getElementById(estilo_a_modificar).style.color='#00B1DE';
  }
}
</script>
 

Este ej en este caso solo funciona en la opción Español, pero es cuestión de replicar el llamado a las funciones

espero te sirva
saludos