demo参考 <script type="text/javascript">
//<![CDATA[
onload=function foo(){
var a=document.getElementById("demo");
var x=a.style;
x.height=x.width=window.cnt?++cnt:window.cnt=10;
window.setTimeout(foo,10);
} //]]>
</script>
<body id="www.never-online.net">
<div id="demo" style="border:1px solid #444;">demo</div>
</body>
//<![CDATA[
onload=function foo(){
var a=document.getElementById("demo");
var x=a.style;
x.height=x.width=window.cnt?++cnt:window.cnt=10;
window.setTimeout(foo,10);
} //]]>
</script>
<body id="www.never-online.net">
<div id="demo" style="border:1px solid #444;">demo</div>
</body>
2. 初始化一个位置渐进值和大小渐进值
3. 建立定时器,然后每次走到固定的位置并设置固定的宽度和高度
4. 当建立到一定的大小时,停止定时器,然后把其中的内容显示出来滑出是类似的,代码你可以自己写写