Menú desplegable

Hoy os propongo un sencillo menú desplegable para poder acceder a otras webs o apartados de nuestro propio blog o web:

Para ello tenemos que acceder a nuestro editor y añadir este código como un nuevo elemento Html/Javascript:

<script language="javascript">
function ir(){
var thebox=document.menu
if (thebox.windowoption.checked){
if (!window.newwindow)
newwindow=window.open("")
newwindow.location=
thebox.example.options[thebox.example.selectedIndex].value
}
else
location=
thebox.example.options[thebox.example.selectedIndex].value
}
</script>
<form name="menu">
<select name="example" size="1">
<option selected/>Webs de interes
<option value="http://www.google.es/"/>Google
<option value="www.blogger.com"/>Blogger
<option value="http://www.imageshack.us"/>ImagesShack
<input value="OK" onclick="ir()" type="button"/> <br/>
<input value="ON" name="windowoption" type="checkbox"/>
Abrir en una nueva ventana
</form>


En rojo las opciones que podeis variar a vuestro gusto, podeis añadir tantos enlaces como querais.

Segun el ejemplo quedaria asi:
Tambien tiene la opción de abrir los enlaces en ventana aparte:

Fuente: Mi baul de los recuerdos.

Related Posts with Thumbnails