Qué bueno que lo hayas solucionado. Una pena eso de la política de ocultar algo que en cuanto cuelgues de la web va a ser público.
Aunque un modelo simple, pelado y austero no pude comprometer a nadie.
Para que no quede el tema sin un aporte sobre cambiar capas con el movimiento del maus (ratón), dejo un código muy simple, que parpadea un poco, aunque para empezar creo que sirve.
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title></title>
<script type="text/javascript">
var essta;
function borra(T) {
essta = T;
T.style.visibility = "hidden";
document.title = essta.id;
}
function muestra(T) {
essta.style.visibility = "visible";
document.title = essta.id;
}
</script>
<style type="text/css">
#caja1, #caja2, #caja3, #caja4{ position: relative; width: 298px; height: 198px;
background: yellow; overflow: hidden; border: 1px solid red; }
#caja3, #caja4{ top:-400px; left:300px; }
#r1, #c1, #r2, #c2, #r3, #c3, #r4, #c4{ position: absolute; top: 0; left: 0; width: 300px;
height: 200px; background-color: lime; color: teal; font: bold 20px/120% serif; }
#c1, #c2, #c3, #c4{ background-color: silver; color: black; }
p{ margin-top: -400px; }
</style>
</head>
<body>
<h2>qwrtyuiop</h2>
<div id=caja1>
<div id=r1 onmouseout="muestra(this)"> Contenido Reemplazo 1. <br>
<a href="www.forosdelweb.com">Foros del Web.</a> </div>
<div id=c1 onmouseover="borra(this)"> Contenido Original 1.</div>
</div>
<div id=caja2>
<div id=r2 onmouseout="muestra(this)"> Contenido Reemplazo 2. <br>
<a href="www.forosdelweb.com">Foros del Web.</a> </div>
<div id=c2 onmouseover="borra(this)"> Contenido Original 2.</div>
</div>
<div id=caja3>
<div id=r3 onmouseout="muestra(this)"> Contenido Reemplazo 3. <br>
<a href="www.forosdelweb.com">Foros del Web.</a> </div>
<div id=c3 onmouseover="borra(this)"> Contenido Original 3.</div>
</div>
<div id=caja4>
<div id=r4 onmouseout="muestra(this)"> Contenido Reemplazo 4. <br>
<a href="www.forosdelweb.com">Foros del Web.</a> </div>
<div id=c4 onmouseover="borra(this)"> Contenido Original 4.</div>
</div>
<p>QWERTYUIOP</p>
</body>
</html>
Al final encontré un tema donde comentamos un poco de esto. Quedó bastante bien con algún debate sobre eventos y "contra-eventos". Ya que pasé, también lo linkeo
Problemas con onMouseOut