Uno de los mayores problemas que enfrenta un desarrollador web es la forma de condensar grandes cantidades de información y un gran número de enlaces en un área pequeña y visible que un usuario puede navegar fácilmente sin perderse. Una manera fácil de poner muchos enlaces diferentes en un espacio pequeño es crear un cuadro de menú desplegable. Cuando un usuario hace clic en la caja, que se expande para mostrar todos los enlaces incluidos en el menú. Usted puede crear un menú desplegable mediante la adición de unas pocas líneas de código Javascript en tu página web. Instrucciones
1
Abra su programa de navegación por Internet y acceda a la herramienta de gestión de HTML de su sitio web, o en lugar de abrir un archivo de texto si carga los archivos HTML a su sitio web a través de un programa de FTP. Guarde el archivo de texto con la extensión ". Html" para convertirlo en un archivo HTML.
2
Escriba el head de apertura y de cierre < /head> etiqueta HTML en la parte superior el archivo . Deje que el navegador sepa que usted va a estar utilizando código JavaScript mediante la colocación de la etiqueta language=JavaScript> Messenger en cualquier lugar dentro de la etiqueta head . Pulse la tecla para desplazarse a la siguiente línea dentro de la etiqueta head entrar.
3
Agregar la función Javascript "Navegar " dentro de la etiqueta head escribiendo a cabo "la función Navegar ( ) { . " Pulse el botón de nuevo para bajar a la siguiente línea y utilizar la función " NavSelect " para configurar el cuadro desplegable , escriba a entrar "var = desplegable NavSelect.selectedIndex ; ".
4
Hit la tecla Enter de nuevo y escriba out " location.href = NavSelect.options [ desplegable ] Valor ; . ". Finalizar la función navegar con una " }" símbolo que finaliza en la línea siguiente. Deje que el navegador sepa que el código Javascript se terminó yendo a la línea siguiente y escribiendo < /script> .
5
Ir abajo otra línea y añadir en el
apertura y cierre < /body>. Cree la caída en sí desplegable dentro de la etiqueta escribiendo a
. Bajar a la siguiente línea y añadir en la página web para enlazar y las palabras que desea que se muestre en el menú desplegable con la función " opción ", como " < = valor de la opción " http://www.ehow . com " > Ehow.com . " Añadir en tantas opciones extra como desee en el menú desplegable , vaya a la siguiente línea y añadiendo en otra instancia de la función "opción" .
6 Acaba el código de la gota - cuadro de abajo introduciendo en el cierre < /select > tag .