Usar onMouseover para ocultar/mostrar capa

[Blashak]

Buenas,

Te dejo un ejemplo.

Código CSS:

#prueba1
{
background:red;
width:100px;
height:100px;
}
#prueba2
{
background:blue;
width:100px;
height:100px;
}
 
#prueba3
{
background:green;
position:absolute;
width:100px;
height:100px;
top:50%;
left:50%;
margin-top:-50px;
margin-left:-50px;
display:none;
}
 

Código Javascript:

function visible(){
 
    obj = document.getElementById("prueba3");
    obj.style.display = "block";
 
}
 
function ocultar(){
    obj = document.getElementById("prueba3");
    obj.style.display = "none";
 
}
 

Código HTML:

<div id="prueba1" onmouseover="visible()"  onmouseout="ocultar()">opcion1</div>
<div id="prueba2" onmouseover="visible();" onmouseout="ocultar()" >opcion2</div>
<div id="prueba3">centro</div>
 

saludos