当前位置：Gxlcms > JavaScript > 多图幻灯Wipe擦洗效果

多图幻灯Wipe擦洗效果

时间：2021-07-01 10:21:17 帮助过：15人阅读

<base href='http://demo.rexsong.com/200506/images_wipe/'>
<script language=JavaScript> 
function HelpArray2(len)  
{ 
this.length=len; 
}

HelpText2  = new HelpArray2(7);

HelpText2[0] ="<img border='0' src='01.jpg'>";//A01 
HelpText2[1] ="<img border='0' src='04.jpg'>";//A02 
HelpText2[2] ="<img border='0' src='03.jpg'>";//A03 
HelpText2[3] ="<img border='0' src='04.jpg'>";//A04 
HelpText2[4] ="<img border='0' src='05.jpg'>";//A05 
HelpText2[5] ="<img border='0' src='02.jpg'>";//A06 
HelpText2[6] ="<img border='0' src='04.jpg'>";//A07

ScriptText2 = new HelpArray2(7);

var i = 0; 
function playHelp() 
{ 
if (i == 6)      
  {        i = 0;    }     
else 
  {        i++;    }

div_X2.filters[0].apply();     
div_X2.innerHTML = HelpText2[i];     
div_X2.filters[0].play();             
mytimeout = setTimeout('playHelp()',4500);

}

var mytimeout;

</script> 
  <span id=div_X2 style="FILTER: progid:DXImageTransform.Microsoft.Wipe(duration=2, gradientsize=0.25,motion=reverse ); WIDTH=273">  
  <img height=200 src="http://demo.rexsong.com/200506/images_wipe/javascript:playHelp()" width=273 border=0></span>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

多图幻灯Wipe擦洗效果

人气教程排行