Tecnología

Inicio

Cómo hacer que los menús desplegables enlaces en HTML

menús desplegables son una buena manera de simplificar su página Web. Con un conocimiento muy poca codificación, puede crear hipervínculos en el menú desplegable para que sus usuarios pueden navegar a una nueva página en el menú. Aunque puede crear la forma básica en HTML, es necesario utilizar un poco de JavaScript, que se puede copiar y pegar en su código, con el fin de hacer que los enlaces desplegables funcionan correctamente.

Instrucciones

1 Abra la página Web en un editor HTML o texto, como el Bloc de notas.

2 Copiar y pegar el siguiente código entre las "<head>" y "</ head>" etiquetas de su página web:

<Script type = "text / javascript">
<! - La función desplegable (MisSel)
{Var MyWin, myVal;
myVal = mySel.options [mySel.selectedIndex] .value;
si (myVal)
{If (mySel.form.target) MyWin = matriz [mySel.form.target];
otra cosa MyWin = ventana;
si return true (MyWin!);
myWin.location = myVal; }
return false;} // ->
</ Script>

3 Coloque el cursor donde desea insertar el menú desplegable.

4 Copia y pega el siguiente código en tu página web:

<Form action = "../ cgi-bin / redirect.pl"

method=POST onSubmit=&quot;return dropdown(this.websites)&quot;>

<Select name = "sitios web">
<Option value = ""> Escoja un sitio
<Option value = "Yahoo" rel = "nofollow" target = "_blank"> http: //yahoo.com&quot;> Yahoo!
<Option value = "Google" rel = "nofollow" target = "_blank"> http: //google.com&quot;> Google
</ Select>
<Input type = submit value = "Go">
</ Form>

Reemplazar los sitios web y el texto en las líneas de "valor" opción con cualquier URL, nombre del sitio web o el campo de etiqueta que desea. También puede añadir líneas adicionales de "valor" opción antes de la etiqueta "/ select".