how to do like this?

how to do like this?

when I open the indexpage,the top block and bottom block is empty.and the mouse over,the top block and bottom block slide in.

how to do it..thanks for reply..

 

 

thanks for the reply,another question:

jQuery(document).mousemove(function(e){

e.preventDefault();
jQuery("ul#nav").animate({marginTop:"0"});
});


I use like above. the slidein is ok,but can not control the progress,i mean when i refresh the page,even i did not move the mouse,and the top nav block automatically slide in..what is the matter.thanks for reply..