Cita: Bueno tu pideme lo que quieras
Estoy buscando piso. bueno, bonito y barato. en el centro de zgz a poder ser.
Cita: donde debo poner el oculta() para que cuando este en la fila de abajo no se salga, porque si por ejemplo pongo el raton en el submenu y luego lo subo por encima de las letras se oculta
mira, vamos a hacer una cosita. a ver si te gusta. te paso un nuevo código y luego te explico lo qué he cambiado y qué es lo que hace.
Código:
<html>
<head>
<title>===>JASBER - FABRICA DE ORDENADORES<===</title>
<link rel="stylesheet" type="text/css" href="hojas de estilos/estilos.css">
<script language="JavaScript">
var antes="0"
var pau
function muestra(obj)
{
clearTimeout(pau)
oculta();
document.getElementById(obj).style.display="block";
antes=obj
pau=setTimeout('oculta()',2000)
}
function oculta()
{
if (antes !="0") document.getElementById(antes).style.display="none";
}
</script>
</head>
<body>
<table class="tablageneral" align="center" width="760px" height="53" cellspacing="0">
<tr bgcolor="F35A5A" align="left">
<td height="24" colspan="3">
<p>
<div id="CapaNormal">
<a class="menu" onMouseOver="muestra('capa1')" href="#">EQUIPOS SOBREMESA</a>
<a class="barramenu"> | </a>
<a class="menu" onMouseOver="muestra('capa2')" href="#">EQUIPOS PORTATILES</a>
<a class="barramenu"> | </a>
<a class="menu" onMouseOver="muestra('capa3')" href="#">TELEFONIA </a>
<a class="barramenu"> | </a>
<a class="menu" onMouseOver="muestra('capa4')" href="#">PERIFERICOS Y CONSUMIBLES</a>
<a class="barramenu"> | </a>
<a class="menu" onMouseOver="muestra('capa5')" href="#">OFICINA</a>
<a class="barramenu"> | </a>
<a class="menu" onMouseOver="muestra('capa6')" href="#">SERVICIOS</a>
<a class="barramenu"> | </a>
<a class="menu" onMouseOver="muestra('capa7')" href="#">USUARIOS</a>
<a class="barramenu"> | </a>
</div>
</td>
</tr>
<tr bgcolor="BCD7D5" align="left">
<td height="29" colspan="3">
<div id="capa1" style="display:none" onMouseOver="clearTimeout(pau)" onMouseOut="pau=setTimeout('oculta()',2000)">
<a class="menu2" href="construir.php">CONTRUYETE TU ORDENADOR1</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">INTEL</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">AMD</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">BAREBONE</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra">OTROS</a>
<a class="barramenu2"> | </a>
</div>
<div id="capa2" style="display:none" onMouseOver="clearTimeout(pau)" onMouseOut="pau=setTimeout('oculta()',2000)">
<a class="menu2" href="construir.php">CONTRUYETE TU ORDENADOR2</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">INTEL</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">AMD</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">BAREBONE</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra">OTROS</a>
<a class="barramenu2"> | </a>
</div>
<div id="capa3" style="display:none" onMouseOver="clearTimeout(pau)" onMouseOut="pau=setTimeout('oculta()',2000)">
<a class="menu2" href="construir.php">CONTRUYETE TU ORDENADOR3</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">INTEL</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">AMD</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">BAREBONE</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra">OTROS</a>
<a class="barramenu2"> | </a>
</div>
<div id="capa4" style="display:none" onMouseOver="clearTimeout(pau)" onMouseOut="pau=setTimeout('oculta()',2000)">
<a class="menu2" href="construir.php">CONTRUYETE TU ORDENADOR4</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">INTEL</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">AMD</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">BAREBONE</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra">OTROS</a>
<a class="barramenu2"> | </a>
</div>
<div id="capa5" style="display:none" onMouseOver="clearTimeout(pau)" onMouseOut="pau=setTimeout('oculta()',2000)">
<a class="menu2" href="construir.php">CONTRUYETE TU ORDENADOR5</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">INTEL</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">AMD</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">BAREBONE</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra">OTROS</a>
<a class="barramenu2"> | </a>
</div>
<div id="capa6" style="display:none" onMouseOver="clearTimeout(pau)" onMouseOut="pau=setTimeout('oculta()',2000)">
<a class="menu2" href="construir.php">CONTRUYETE TU ORDENADOR6</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">INTEL</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">AMD</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">BAREBONE</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra">OTROS</a>
<a class="barramenu2"> | </a>
</div>
<div id="capa7" style="display:none" onMouseOver="clearTimeout(pau)" onMouseOut="pau=setTimeout('oculta()',2000)">
<a class="menu2" href="construir.php">CONTRUYETE TU ORDENADOR7</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">INTEL</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">AMD</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">BAREBONE</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra">OTROS</a>
<a class="barramenu2"> | </a>
</div>
</td>
</tr>
</table>
Bien. Lo que he hecho es añadirle una pausa de dos segundos. Así si te sales de la tabla, la capa no desaparece inmediatamente. Con lo que, si te sales por descuido, tienes 2 segundos para volver a entrar.
Más vale que lo pruebes para que veas el efecto.
yo estoy en Zaragoza capital, pero a veces (muy de vez en cuando) voy a La Almunia por cuestiones de trabajo. Ya te avisaré y me invitas a comer.
(es broma)
Cita: Muchas Gracias
Muchas Gracias
Muchas Gracias
Muchas Gracias
De nada.
Un saludete.
