Descargar

<STYLE>
TABLE.menu
{
    BACKGROUND-COLOR: darkturquoise;
    BORDER-BOTTOM: darkcyan thin solid;
    BORDER-LEFT: darkturquoise thin;
    BORDER-RIGHT: darkcyan thin inset;
    BORDER-TOP: darkturquoise thin;
    COLOR: white;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    POSITION: absolute;
    VISIBILITY: hidden
}
.tapado
{
    LEFT: 2mm;
    OVERFLOW: hidden;
    POSITION: absolute;
    Z-INDEX: 1
}
SPAN.menu
{
    BACKGROUND-COLOR: turquoise;
    COLOR: olive;
    FONT-FAMILY: Arial;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bolder;
    POSITION: relative;
    TEXT-DECORATION: underline;
    TEXT-TRANSFORM: capitalize;
    WIDTH: 45pt
}
DIV.menu
{
    CURSOR: hand;
    LEFT: 10pt;
    POSITION: absolute;
    WIDTH: 60pt;
    Z-INDEX: 10
}
SPAN.metodo
{
    COLOR: green;
    FONT-FAMILY: 'MS Sans Serif';
    FONT-SIZE: 12pt
}
SPAN.objeto
{
    COLOR: mediumblue;
    FONT-FAMILY: 'MS Sans Serif';
    FONT-SIZE: 12pt
}
SPAN.palabra-clave
{
    COLOR: red;
    FONT-FAMILY: 'MS Sans Serif';
    FONT-SIZE: 12pt;
    FONT-WEIGHT: 500
}
SPAN.tag
{
    COLOR: brown;
    FONT-FAMILY: 'MS Sans Serif';
    FONT-SIZE: 12pt
}
SPAN.comentario
{
    COLOR: lightskyblue;
    FONT-FAMILY: 'MS Sans Serif';
    FONT-SIZE: 18pt;
    FONT-WEIGHT: bolder
}
 
</STYLE>
 
<SCRIPT LANGUAGE=javascript>
<!--
/*
  Esta es la función que oculta el menú cuando el mouse lo abandona
*/
function ocultarMenu(menuAOcultar)
{
	if (document.all) 
	  document.all(menuAOcultar).style.visibility="hidden";
	if (document.getElementById) 
	  document.getElementById(menuAOcultar).style.visibility="hidden";
}
 
/*
  Esta es la función que muestra el menú cuando el mouse pasa por encima de él
*/
function mostrarMenu(menuAMostrar)
{
	if (document.all) 
	  document.all(menuAMostrar).style.visibility="visible";
	if (document.getElementById) 
	  document.getElementById(menuAMostrar).style.visibility="visible";
}
 
/*
  Aquí deben estar las funciones que responden a los clics en cada 
  item del menú
*/
function cliqueo(numero)
{
	alert("Esta es la opción " + numero);
}
 
function estoyen(objeto)
{
  if (document.all)
    document.all(objeto).style.textDecoration = "underline";
  if (document.getElementById)  
    document.getElementById(objeto).style.textDecoration = "underline";
}
 
function salgode(objeto)
{
  document.all(objeto).style.textDecoration = "none"
}
//-->
</SCRIPT>
 
<!-- Comienzo del menu1 -->
<div id=menu1 class=menu
  onmouseover=mostrarMenu("mnuPrueba") 
  onmouseout=ocultarMenu("mnuPrueba")>
<span class=menu>Menú 1<br>
<TABLE id=mnuPrueba class=menu  align=left width=51pt>
	<TR>
		<TD onclick=cliqueo(1) 
		    onmouseover=estoyen("mnu1")
		    onmouseout=salgode("mnu1")  id=mnu1>Opción 1</TD>
		<!--  
		  En el evento onclick debe ir la función que responda
		  al clic en cada item
		-->  
	</TR>
	<TR>
		<TD onclick=cliqueo(2) 
		    onmouseover=estoyen("mnu2")
		    onmouseout=salgode("mnu2")  id=mnu2>Opción 2</TD>
	</TR>
</TABLE></span>
</div>
<!-- Fin del menu 1 -->
 
 
 
<!-- Comienzo del menú 2 -->
<div id menu2 class=menu style="left:46pt"
  onmouseover=mostrarMenu("mnuPrueba1") 
  onmouseout=ocultarMenu("mnuPrueba1")>
<span class=menu>Menú 2<br>
<TABLE id=mnuPrueba1 class=menu width=51pt align=left>
	<TR>
		<TD onclick=cliqueo(3) 
		    onmouseover=estoyen("mnu3")
		    onmouseout=salgode("mnu3")  id=mnu3>Opción 3</TD>
	</TR>
	<TR>
		<TD onclick=cliqueo(4) 
		    onmouseover=estoyen("mnu4")
		    onmouseout=salgode("mnu4")  id=mnu4>Opción 4</TD>
	</TR>
	<TR>
		<TD onclick=cliqueo(5) 
		    onmouseover=estoyen("mnu5")
		    onmouseout=salgode("mnu5")  id=mnu5>Opción 5</TD>
	</TR>
	<TR>
		<TD onclick=cliqueo(6) 
		    onmouseover=estoyen("mnu6")
		    onmouseout=salgode("mnu6")  id=mnu6>Opción 6</TD>
	</TR>
</TABLE>
</span>
</div>
<!-- Fin del menú 2 -->
 
 
 
<!-- Comienzo del menú 3 -->
<div id menu3 onmouseover=mostrarMenu("mnuPrueba2") 
onmouseout=ocultarMenu("mnuPrueba2") class=menu style="left:90pt">
<span class=menu>Menú 3<br>
<TABLE id=mnuPrueba2 class=menu width=60pt>
	<TR>
		<TD onclick=cliqueo(7) 
		    onmouseover=estoyen("mnu7")
		    onmouseout=salgode("mnu7")  id=mnu7>Opción 7</TD>
	</TR>
	<TR>
		<TD onclick=cliqueo(8) 
		    onmouseover=estoyen("mnu8")
		    onmouseout=salgode("mnu8")  id=mnu8>Opción 8</TD>
	</TR>
	<TR>
		<TD onclick=cliqueo(9) 
		    onmouseover=estoyen("mnu9")
		    onmouseout=salgode("mnu9") id=mnu9>Opción 9</TD>
	</TR>
</TABLE>
</span>
</div>
<!-- Fin del menu 3 -->

Descargar