Tecnología

Inicio

Como el código para un menú desplegable en JavaScript

January 14

Aunque puede crear menús desplegables utilizando sólo HTML, cuando se agrega algo de JavaScript codificación para el código HTML, puede añadir funcionalidades adicionales al menú desplegable, incluyendo la vinculación de cada uno de los elementos de menú a diferentes URL. Usted debe tener algunos conocimientos de HTML antes de intentar insertar un menú desplegable que aparece en su página, pero no es necesario tener una gran cantidad de experiencia de trabajo con JavaScript.

Instrucciones

1 Ingrese a su servidor Web y abra la página Web en el que wan para incluir el menú desplegable.

2 Haga clic en entre las etiquetas <head> y </ head> de la página.

3 Inserte el código JavaScript:

<Script language = "javascript" type = "text / javascript">

<! - Ocultar

Jumpto función (x) {

si (document.form1.jumpmenu.value! = "nulo") {

document.location.href = x

}

}

// Fin de ocultar ->

</ Script>

4 Haga clic con el cursor en la posición en la sección <body> de la página donde desea insertar el menú desplegable.

5 Introduzca este código:

<Form name = "Form1">

<Select name = "jumpmenu" onChange="jumpto(document.form1.jumpmenu.options[document.form1.jumpmenu.options.selectedIndex].value)">

<Opción> Ir a ... </ option>

<Option value = Página "rel =" "target =" nofollow _blank "> http://www.webpage.com/page1> Página 1 </ option>

<Option value = Página "rel =" "target =" nofollow _blank "> http://www.webpage.com/page2> Página 2 </ option>

<Option value = Página "rel =" "target =" nofollow _blank "> http://www.webpage.com/page3> Página 3 </ option>

<Option value = Página "rel =" "target =" nofollow _blank "> http://www.webpage.com/page4> Página 4 </ option>

<Option value = Página "rel =" "target =" nofollow _blank "> http://www.webpage.com/page5> Página 5 </ option>

</ Select>

</ Form>

6 Vuelva a colocar cada elemento del menú (es decir. Página 1, Página 2, etc.) con el texto real que desea que aparezca en el menú desplegable. Cambiar la dirección URL que acompaña en cada línea con la URL que desea abrir cuando un usuario hace clic en un elemento del menú.

7 Publicar la página.