bueno la verdad eso es algo sencillo a estas alturas de la web en internet.
el codigo es algo asi:
Código html:
Ver original
function mostrardiv() {
div = document.getElementById('flotante');
div.style.display = '';
}
function cerrar() {
div = document.getElementById('flotante');
div.style.display='none';
}
<div id="mostrarDiv"><a href="javascript:mostrardiv();">Mostrar Div
</a></div> <div id="flotante" style="display:none;"> Este es un div oculto
<br><a href="javascript:cerrar();"> presiona aqu
í para cerrar
</a> </div>
pero lo que necesitas ya esta mas que hecho.......
algo parecido son los efectos box....
mira estos links al paso:
http://www.emanueleferonato.com/2007...script-needed/ http://blog.unijimpe.net/efecto-lightbox-con-css/
espero te sirva.
suerte.