Foros del Web - Ver Mensaje Individual

axy108 · #6 (**permalink**) 14/04/2005, 09:33

Mira aqui te dejo un ejemplo estudialo y si tienes dudas solo pregunta ok?

Código HTML:

<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>
		<div style="top:100; left:100; position: absolute; height: 100; width: 100; visibility: hidden" id="capa1">
			<h2>Esta es la capa 1</h2>
		</div>
		<div style="top:100; left:100; position: absolute; height: 100; width: 100; visibility: hidden" id="capa2">
			<h2>Yo soy la capa 2</h2>
		</div>
		<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>
	</body>
</html>

SALUDOS