一个图片上下拉开的效果

请问这样的图片上下翻滚的效果是怎样实现的。。主要代码是那一段?
如链接的示例
http://www.7stk.com/fine/love/mob/tu04.htm

解决方案 »

  1.   

    <body><div><img id="sss" style="filter:revealTrans" src="http://img1.qq.com/news/pics/14671/14671854.jpg "></div>
    <ul id='ss'>
    <li onClick="cc(0)">111</li>
    <li onClick="cc(1)">222</li>
    <li onClick="cc(2)">333</li>
    </ul>
    </body>
    <script>
    function $(id){return document.getElementById(id)}
    var imgs =["http://img1.qq.com/news/pics/14671/14671854.jpg ","http://img1.qq.com/news/pics/14653/14653892.jpg","http://img1.qq.com/news/pics/14665/14665161.jpg"]
     function cc(i){
     $("sss").filters.revealTrans.Transition=Math.floor(Math.random()*23)
     $("sss").filters.revealTrans.apply();
     $("sss").filters.revealTrans.play();
     $("sss").src=imgs[i]
     }
    </script>
    点数字  
    绿镜  ie only