Lo que haremos es poner en un menú desplegable una serie de links de manera que podamos tener una buena lista de páginas para visitar y que no ocupen mucho espacio.

Su contra es que no resulta muy vistoso. Si lo queremos hacer mas vistoso, podemos usar estilos para decorar el cajetín.

Para realizarlo, crearemos un menu desplegable y en el parametro value pondremos la dirección de la web y en el evento onChange haremos la llamada a la función que nos llevará al link indicado.

<FORM name="formulario">
   <SELECT NAME="menu" SIZE=1 onChange="irA(this)">
     <OPTION VALUE="">Visitar
     <OPTION VALUE="
Para ver los enlaces debes ser usuario Crear Usuario o Hacer Sesion">Medicina XXI
     <OPTION VALUE="
Para ver los enlaces debes ser usuario Crear Usuario o Hacer Sesion">XLWebmasters
........
   </SELECT>
</FORM>


La función irA recibe como parametro una referéncia al objeto actual (this). El código de la función es el siguiente:

function irA (menu)
{
   window.location.href = menu.options [menu.selectedIndex].value;
}


Esta función cambia la dirección de la página actual por la dirección que el usuario ha escogido ( menu.selectedIndex ).