1 <html> 2 <head> 3 <title>1</title> 4 <style type='text/css'> 5 img{ 6 /*FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward');*/ 7 /*filter:blendTrans(Duration=3);*/ 8 } 9 </style> 10 </head> 11 <body> 12 <img src='d.jpg' id='imgx' width='300' height='200'/><br/><br/><br/> 13 <script language='javascript'> 14 var obj=document.getElementById('imgx'); 15 var array=['a.jpg','b.jpg','c.jpg','d.jpg']; 16 var index=0; 17 var seconds=2; 18 function fun(){ 19 obj.style.filter="RevealTrans(Transation="+ parseInt(Math.random()*21+1) +")"; 20 obj.filters[0].Apply(); 21 obj.filters[0].play(duration = seconds); 22 obj.src=array[index];//这段代码要写在最后,否则播放一遍就没有效果了 23 if(index==3){ 24 index=0; 25 //seconds=(seconds==2?3:2); 26 //obj.style.filter="blendTrans(Duration=3)"; 27 //6-34.html 28 } 29 else 30 index++; 31 } 32 window.setInterval("fun();",3500); 33 </script> 34 </body> 35 </html>