Buenas ...
Para que sea automático podría ser algo como esto, mira si te sirve de orientación ...
Código:
<script type="text/javascript">
var tiempo;
function cuadrote(){
estado = document.getElementById('pepe').style.visibility;
estado = estado == 'visible'? 'hidden' : 'visible';
document.getElementById('pepe').style.visibility = estado;
tiempo = setTimeout('cuadrote()',4000);
}
function cerrarCuadrote(){
clearTimeout(tiempo);
document.getElementById('pepe').style.visibility = 'hidden';
}
onload = function(){setTimeout('cuadrote()',4000)};
</script>
<style type="text/css">
#pepe{
background-color: #ffff00;
width: 400px;
height: 300px;
position: absolute;
margin-right: auto;
margin-left: auto;
}
</style>
</head>
<body>
<div id="pepe" style="visibility: visible"><a href="cerrar" onclick="cerrarCuadrote(); return false">cerrar</a></div>
</body>
...y me llevo el tema al foro de javascript.
movido desde css
saludos
