网页上如何做一个图片百叶窗效果

  我想在网页上做一个图片播放效果     百叶窗 的效果  那位大虾能给我点代码 玩玩 
感激不尽~   

解决方案 »

  1.   

    1.用flash
    2.用IE的滤镜,当然只有IE支持.
      

  2.   

    http://www.cnblogs.com/cloudgamer/archive/2008/05/23/1205642.html:看看这个可以不
      

  3.   

    <html>
    <head>
    <meta http-equiv="content-Type" content="text/html;charset=gb2312">
    <meta name="keywords" content="网" />
    <meta name="description" content="网</title>
    <style>
    <!--
    .www_zzjs_net{
    position:absolute;
    left:0;
    top:0;
    layer-background-color:green;
    background-color:green;
    border:0.1px solid green
    }
    -->
    </style>
    </head>
    <body>
    <a href="http://www.zzjs.net/">特效网</a><hr><div id="i1" class="www_zzjs_net"></div><div id="i2" class="www_zzjs_net"></div><div id="i3"
    class="www_zzjs_net"></div><div id="i4" class="www_zzjs_net"></div><div id="i5" class="www_zzjs_net"></div><div
    id="i6" class="www_zzjs_net"></div><div id="i7" class="www_zzjs_net"></div><div id="i8" class="www_zzjs_net"></div>
    <script language="JavaScript1.2">
    var speed=20
    var temp=new Array()
    var temp2=new Array()
    if (document.layers){
    for (i=1;i<=8;i++){
    temp[i]=eval("document.i"+i+".clip")
    temp2[i]=eval("document.i"+i)
    temp[i].width=window.innerWidth/8-0.3
    temp[i].height=window.innerHeight
    temp2[i].left=(i-1)*temp[i].width
    }
    }
    else if (document.all){
    var clipbottom=document.body.offsetHeight,cliptop=0
    for (i=1;i<=8;i++){
    temp[i]=eval("document.all.i"+i+".style")
    temp[i].width=document.body.clientWidth/8
    temp[i].height=document.body.offsetHeight
    temp[i].left=(i-1)*parseInt(temp[i].width)
    }
    }
    function openit(){
    window.scrollTo(0,0)
    if (document.layers){
    for (i=1;i<=8;i=i+2)
    temp[i].bottom-=speed
    for (i=2;i<=8;i=i+2)
    temp[i].top+=speed
    if (temp[2].top>window.innerHeight)
    clearInterval(stopit)
    }
    else if (document.all){
    clipbottom-=speed
    for (i=1;i<=8;i=i+2){
    temp[i].clip="rect(0 auto+"+clipbottom+" 0)"
    }
    cliptop+=speed
    for (i=2;i<=8;i=i+2){
    temp[i].clip="rect("+cliptop+" auto auto)"
    }
    if (clipbottom<=0)
    clearInterval(stopit)
    }
    }
    function gogo(){
    stopit=setInterval("openit()",100)
    }
    gogo()
    </script>
    </body>
    </html>参考
      

  4.   

    用JS来写  如果你有Dreamwear的话 现在上面使用这个效果，然后在拆分里面看其中代码 把他敲到你的html里面
      

  5.   

    感谢大家
    http://www.cnblogs.com/cloudgamer/archive/2008/05/23/1205642.html
    这个我收藏了