Untitled

<html>
<head>

<title>Muestra oculta</title>


<script language="JavaScript">

function mostrardiv()
{

div = document.getElementById('flotante');

div.style.display = ''

}

function cerrar()
{

div = document.getElementById('flotante');

div.style.display='none';

}


</script>


</head>

<body>

<div id="mostrarDiv"><a href="javascript:mostrardiv();">Mostrar Div</a></div>

<div id="flotante" style="display:none; background-color: #CCCCCC; width: 300px; z-index: 10">
        <img src="imagenes/foto_rocio.jpg"> <a href="javascript:cerrar();"> [cerrar]</a>
</div>

<div> contenidos varios dlgj lñdkjf glkhjdlkfjghlñkdj fl  </div>


</body>
</html>