Translate-Traducir

9/9/14

Como hacer un menu desplegable con JavaScript

Como hacer un menú desplegable con JavaScript

Para hacer un menú desplegable con JavaScript sin necesidad de CSS  tan solo tenemos que crear una función en el head  y un formulario en el body del archivo php o html.

La función del menú desplegable seria esta.
<head>
<title>Ejemplo de menu desplegable</title>
<SCRIPT LANGUAGE="JavaScript">
function Menudesplegable(Selecciona){
if (Selecciona.OPCIONES.selectedIndex != 0){
                                 document.location=Selecciona.OPCIONES.options[Selecciona.OPCIONES.selectedIndex].value
                                           }
                                    }
</SCRIPT>
</head>
 Y el formulario en el body seria este.
<form >
<select name="OPCIONES" onchange="Menudesplegable(this.form)"
      <option selected >INICIO
      <option value="http://davidariel.esy.es/blog/">Blog
 <option value="http://davidariel.esy.es/blog/category/java/">Java
      </select>

    </form> 
Y con esto ya tendríamos nuestro menú desplegable  ahora si lo queremos hacer mas vistoso  le añadimos color de fuente color de fondo etc   cada uno lo haga como quiera .

Aqui muestro un ejemplo sencillo  ya terminado y su código  explicado.



No hay comentarios: