Salve a tutti,

dove posso trovare qualche guida che mi spieghi come realizzare animazioni sui div con javascript.... quello che voglio fare io è realizzare un div che all'apertura della pagina è iinvisibile, poi cliccando su un pulsante quest'ultimo viene visualizzato attraverso un0animazione che da 0 px in lo porta ad una dimensione da me specificata... al momento ho improvvisato fatto una cosa del genere con l'ausilio del settimeout()

Codice PHP:
<style type="text/css">  
<!--   
body,html { height:100%;margin:0 }  
#box {  
     
    position:absolute;top:50%;left:50%;  
    margin:-100px 0 0 -175px;  
    background:#cfc;border:1px solid #000;  
    font:10px verdana, sans-serif  
}   
-->  
</style>  

<script language="javascript">

var prova = 0;

function avvia(){
var altezza;
var larghezza;
var numero_1 = 0;
var numero_2 = 0;
var div = document.getElementById('box');
var width = div.style.width;
var height = div.style.height;

if (div.style.display == 'none'){
div.style.display = '';
}

width = width.replace('px', '');
height = height.replace('px', '');
width = parseInt(width) + 6;
height = parseInt(height) + 6;

larghezza = width + 'px';
altezza = height + 'px';

if (width < 360){
div.style.width = larghezza;
}else{
numero_1 = 60;
}

if (height < 240){
div.style.height = altezza;

}else{
numero_2 = 40;
}
div.innerHTML = larghezza+"
"+altezza;

if (numero_1 == 60 && numero_2 == 40){
}else{
setTimeout("avvia()",1);
}

}

</script>
<body>  


<input name="ok" type="button" value="avvia" onclick="return avvia();" />
<div id="box" style="width:0px; height:0px; display:none; ">  
ciao</div>  
</body>  
</html> 
però no è che sia il massimo, anche perchè il div non si ingrandishe in gradazione, se notate bene provando lo script, prima termina l'animazione in altezza e dopo quella in larghezza.