Hola deprabado,
te dejo un ejemplo a ver que te parece.
Creo que el código original apareció en el foro hace un tiempo, aunque no recuerdo quien es el autor, lo he modificado para que haga algo similar a lo que tu pides, aunque deberás adaptarlo a tus necesidades:
Código:
<html>
<head>
<script>
function mostrar(capa) {
document.getElementById('capa').style.display = "block";
}
function tamanno(){
obj=document.getElementById('capa');
obj.style.width=parseInt(obj.style.width)+5+'px';
obj.style.height=parseInt(obj.style.height)+5+'px';
if(parseInt(obj.style.width)>=200){
obj.style.width='200px';
obj.style.height='200px';
clearInterval(t);
//alert("pausa");
}
}
</script>
</head>
<body>
<table style="width:0;height:0;border:1px solid #0000FF;display:none" cellpadding="0" cellspacing="0" id="capa" >
<tr>
<td width="0"></td>
</tr>
</table>
<input type="submit" name="Submit" value="Ver" onclick="mostrar('capa');t=setInterval('tamanno()',10)" />
</body>
</html>
Saludos!