<html> <head> <title></title> <script language="JavaScript"> function muestra_capa(capa){ document.getElementById(capa).style.visibility = 'visible'; } function oculta_capa(capa){ document.getElementById(capa).style.visibility = 'hidden'; } </script> </head> <body> <a href="#" onmouseover="muestra_capa('capa1')" onmouseout="oculta_capa('capa1')">Ver capa 1</a><br> <a href="#" onmouseover="muestra_capa('capa2')" onmouseout="oculta_capa('capa2')">Ver capa 2</a> <div style="position: relative; height: 100; width: 100; visibility: hidden" id="capa1"> <h2>Esta es la capa 1</h2> </div> <div style=" position: relative; height: 100; width: 100; visibility: hidden" id="capa2"> <h2>Yo soy la capa 2</h2> </div> </body> </html>