当前位置：首页 → 问答吧 → 死活都弄不出淡入淡出效果，何解？？

死活都弄不出淡入淡出效果，何解？？

时间：2010-05-10

来源：互联网

好像是css写法问题........是要上张图片淡出，下张淡入...怎么搞？？

ie下看

<html> <head> <style type="text/css"> #d{position:relative;*zoom:1;background:black} #d img{filter:blendTrans(Duration=2);position:absolute;left:0;top:0;} #d img{visibility:hidden} #d .on{visibility:visible} </style> </head> <body> <div id="d"> <img class="on" src="http://img02.taobaocdn.com/poster_pic/i2/T1kRBzXb4BXXaH.X6X.JPEG_160x160.jpg" align="left"> <img src="http://img01.taobaocdn.com/poster_pic/i1/T1SmRzXXFbXXaH.X6X.JPEG_160x160.jpg" align="left"> <img src="http://img05.taobaocdn.com/poster_pic/i5/T1QmJzXj8dXXaH.X6X.JPEG_160x160.jpg" align="left"> </div> <script type="text/javascript"> var ii=0; function add(){ var pic=document.getElementById("d").getElementsByTagName("img"); for(var i=0;i<pic.length;i++){ pic[i].className=""; } if(ii<pic.length-1){ii++}else{ ii=0; } if(document.all){ pic[ii].filters[0].apply(); pic[ii].filters[0].play(); } pic[ii].className="on" } window.onload=function(){ setInterval(add,2000) } </script> </body> </html>
提示：您可以先修改部分代码再运行

作者: hotcrab2008 发布时间: 2010-05-10

你现在分成3个独立的图片所以不能在图片之间变换
你应该在同一个img中变换图片
具体可以参考一下这个图片变换

作者: cloudgamer 发布时间: 2010-05-10

难怪！！了解了

作者: hotcrab2008 发布时间: 2010-05-10