06/02/2009, 07:59
|
| | | Fecha de Ingreso: febrero-2009
Mensajes: 7
Antigüedad: 16 años, 1 mes Puntos: 0 | |
| Respuesta: Ocultar capa pasado un tiempo
Código:
<html>
<head>
<title>MOSTRAR OCULTAR CAPAS CON EL MOUSE</title>
<script type="text/javascript">
function muestra (abc) {
document.getElementById(abc).style.visibility="visible";}
function oculta (abc){
document.getElementById(abc).style.visibility='hidden';}
</script>
</head>
<body>
<div id="menu1">
<table width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCC99">
<tr>
<td align="center">INICIO</td>
<td align="center" onmouseover="muestra('menu2')" onmouseout="oculta('menu')">CATEGORIAS</td>
<td align="center">MIS THEMES
</td>
<td align="center">ENVIAR THEME </td>
<td align="center">BUSQUEDA</td>
<td align="center">FORO</td>
<td height="30" align="center">CONTACTO</td>
</tr>
</table>
</div>
<div id="menu2" style="visibility:hidden; width: 801px;">
<table width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#CC9966">
<tr>
<td align="center" onmouseover="muestra('menu2')" onmouseout="oculta('menu2')">SUB1<a href="http://www.www.www">SUB2</a> </td>
<td align="center" onmouseover="muestra('menu2')" onmouseout="oculta('menu2')">SUB2<a href="http://www.www.www">SUB2</a> </td>
</tr>
</table>
</div>
</body>
</html>
|