多圖幻燈Wipe擦洗效果

2019-11-21 02:24:58

字體：大中小

來源：轉載

供稿：網友

<base href="http://m.survivalescaperooms.com/"/><script language=JavaScript> function HelpArray2(len)  { this.length=len; } HelpText2  = new HelpArray2(7); HelpText2[0] ="<a href=http://damo.hn516.com/article.php/85><img border='0' src='https://www.jb51.net/article/01.jpg'></a>";//A01 HelpText2[1] ="<a href=http://damo.hn516.com/article.php/75><img border='0' src='https://www.jb51.net/article/04.jpg'></a>";//A02 HelpText2[2] ="<a href=http://damo.hn516.com/article.php/82><img border='0' src='https://www.jb51.net/article/03.jpg'></a>";//A03 HelpText2[3] ="<a href=http://damo.hn516.com/article.php/75><img border='0' src='https://www.jb51.net/article/04.jpg'></a>";//A04 HelpText2[4] ="<a href=http://damo.hn516.com/article.php/38><img border='0' src='https://www.jb51.net/article/05.jpg'></a>";//A05 HelpText2[5] ="<a href=http://damo.hn516.com/article.php/74><img border='0' src='https://www.jb51.net/article/02.jpg'></a>";//A06 HelpText2[6] ="<a href=http://damo.hn516.com/article.php/75><img border='0' src='https://www.jb51.net/article/04.jpg'></a>";//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="javascript:playHelp()" width=273 border=0></a></span>

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

上一篇：多圖展示滑動過渡效果

下一篇：多圖幻燈Pixelate馬賽克效果