Javascript - Menu desplegale tipo Explorer
Códigos Javascript
Atractivo menu desplegable tipo hier-menu El cual muestra mediante layers y javascript enlaces hacia distintos links.
Tutores.org
Mostrando Codigo - Javascript
EXPLICACION
Por la extension del codigo, si necesitas ayuda puedes agregar tus comentarios o dudas.
CODIGO
# Codigo ofrecido por Tutores.org
- <html>
- <head>
- <script language="javascript">
- // codigo ofrecido por tutores.org
- var Abierto = ""
- var Cerrado = ""
- function preload(){
- if(document.images){
- Abierto = new Image(16,13)
- Cerrado = new Image(16,13)
- // modificar para imagen de link abierto
- Abierto.src = "/foros/images/open_folder_icon.gif"
- // modificar para imagen de link cerrado
- Cerrado.src = "/foros/images/no_new_posts_icon.gif"
- }}
- function muestra(item,item2){
- if (item.style.display=='none'){
- item.style.display='';
- item2.src=Abierto.src
- }
- else{
- item.style.display='none'
- item2.src=Cerrado.src
- }
- }
- preload();
- </script>
- </head>
- <body>
- <p style="word-spacing: 0; margin-top: 0; margin-bottom: 0"> <font face="arial" size="2" color=#000000>
- <span id="menu1" onClick="muestra(menu1principal,menu1img)" style="cursor:hand; font-Family:Verdana; text-decoration:none; font-weight:bold; color:#000000">
- <img id="menu1img" src="/foros/images/no_new_posts_icon.gif" valign="bottom" width="16" height="15">
- <font color="#990000" face="Verdana">Carpeta 1</font> </span> <br>
- <span id="menu1principal" style="display:'none'"> <a href="/carpeta_prueba/archivo_html_prueba.html"><font face="verdana">Tema
- 1</font></a> </span> </font>
- <p style="word-spacing: 0; margin-top: 0; margin-bottom: 0"> <font face="arial" size="2" color=#000000>
- <span id="menu2" onClick="muestra(menu2principal,menu2img)" style="cursor:hand; font-Family:Verdana; text-decoration:none; font-weight:bold; color:#000000">
- <img id="menu2img" src="/foros/images/no_new_posts_icon.gif" valign="bottom" width="16" height="15">
- <font color="#990000" face="verdana">Carpeta 2</font> </span> <br>
- <span id="menu2principal" style="display:'none'"> <a href="/carpeta_prueba/archivo_html_prueba.html"><font face="verdana">Prueba
- 1</font></a> <a href="/carpeta_prueba/archivo_html_prueba.html"><font face="verdana">Prueba
- 2</font></a> </span> </font>
- <!-- Si queremos agregar mas enlaces vale concopiar el contenido y modificar los enlaces --------------
- <p style="word-spacing: 0; margin-top: 0; margin-bottom: 0"> <font face="arial" size="2" color=#000000>
- <span id="menu1" onClick="muestra(menu1principal,menu1img)" style="cursor:hand; font-Family:Verdana; text-decoration:none; font-weight:bold; color:#000000">
- <img id="menu1img" src="/foros/images/no_new_posts_icon.gif" valign="bottom" width="16" height="15">
- <font color="#990000" face="Verdana">Carpeta 1</font> </span> <br>
- <span id="menu1principal" style="display:'none'"> <a href="/carpeta_prueba/archivo_html_prueba.html"><font face="verdana">Tema
- 1</font></a> </span> </font> -->
- </body>
- </html>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Menu desplegale tipo Explorer" href="http://www.tutores.org/codigo/604/" target="_blank">Menu desplegale tipo Explorer</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Menu desplegale tipo Explorer" href="http://www.tutores.org/codigo/604/" target="_blank">Menu desplegale tipo Explorer</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
carlos123
17/01/2004 11.09.58
1
5
Este código no funciona, da errores en tiempo de ejecución.
Comentario usuario
Joan TorrensJoan Torrens
3
5
Hola,
He probado en menu desplegable tipo explorer en firefox y me presenta inicialmente todas las opciones desplegadas, cosa que no me ocurre en el internet explorer.
Sabeis porque puede pasar?
Saludos y gracias por vuestra pàgina, es muy util.
He probado en menu desplegable tipo explorer en firefox y me presenta inicialmente todas las opciones desplegadas, cosa que no me ocurre en el internet explorer.
Sabeis porque puede pasar?
Saludos y gracias por vuestra pàgina, es muy util.
Comentario usuario
Mata
03-11-2007 09:57:10
5
5
oyes una pregunta como puedo realizar tres menus desplegables
de antemano te agradesco la ayuda
de antemano te agradesco la ayuda
INSERTAR COMENTARIO