Como hacer que un boton hecho en jpg el pasar el mouse me muestre una tabla

**tigre** · #1 (**permalink**) 07/05/2003, 13:57

Hola como estan Sres. del Foro estoy aprendiendo este tema del web ojala apreda mucho mas con ustedes.
Gracias

Elig · #2 (**permalink**) 07/05/2003, 14:56

Con el control del evento Onclick o onmouseover.

la tabla la creas con Style="display:none"....

Ejemplo:

<html>
<head></head>
<body>
<table id="tu_tabla" style="display:none;">

<tr><td>hola mundo</td></tr>

</table>

<p onmouseover="tu_tabla.style.display=''" onmouseout="tu_tabla.style.display='none'">pasa por

aqui</p>
</body>
</html>

remy · #3 (**permalink**) 07/05/2003, 15:05

Si usas el dreanweaver, usa los layers o capas, eso es bien facil y completamente visual

lantrax · #4 (**permalink**) 07/05/2003, 16:45

Hola.

Un par de cosillas.

El método de Elig funciona muy bien, pero yo cambiaría de orden un par de líneas porque si no se obtiene un efecto un poco extraño.

Código PHP:

  <html> 
<head></head> 
<body> 
 
<p onmouseover="tu_tabla.style.display=''" onmouseout="tu_tabla.style.display='none'">pasa por  
aqui</p> 
 
<table id="tu_tabla" style="display:none;"> 
<tr><td>hola mundo</td></tr> 
</table> 
 
 
</body> 
</html>

eso si, la tabla aparecerá debajo del texto.

Si se utilizan capas, tener en cuenta que no se visualizan de igual modo en explorer q en netscape. Según lo que se quiera mostrar y de como quiera q aparezca el contenido habrá que elegir un modo u otro.

Salu2

Lantrax