页面导航：首页 → 网络编程 → JavaScript → 网页特效 → 图象特效 → 正文内容

多图幻灯Wipe擦洗效果

发布：dxy 字体：[增加减小] 类型：转载

点击运行可以看到效果:

<base href='http://demo.rexsong.com/200506/images_wipe/'>
<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='01.jpg'></a>";//A01 
HelpText2[1] ="<a href=http://damo.hn516.com/article.php/75><img border='0' src='04.jpg'></a>";//A02 
HelpText2[2] ="<a href=http://damo.hn516.com/article.php/82><img border='0' src='03.jpg'></a>";//A03 
HelpText2[3] ="<a href=http://damo.hn516.com/article.php/75><img border='0' src='04.jpg'></a>";//A04 
HelpText2[4] ="<a href=http://damo.hn516.com/article.php/38><img border='0' src='05.jpg'></a>";//A05 
HelpText2[5] ="<a href=http://damo.hn516.com/article.php/74><img border='0' src='02.jpg'></a>";//A06 
HelpText2[6] ="<a href=http://damo.hn516.com/article.php/75><img border='0' src='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 全选提示:你可先修改部分代码,再按运行]

Tags：多图幻灯Wipe擦洗效果

浏览次数：载入中... 打印本文关闭本文返回首页

0

顶一下

上一篇文章：多图幻灯Pixelate马赛克效果
下一篇文章：js 新浪的一个图片播放图片轮换效果代码

·在百度中搜索关于“多图幻灯Wipe擦洗效果”相关内容
·在谷歌中搜索关于“多图幻灯Wipe擦洗效果”相关内容

文章评论

共有位脚本之家网友发表了评论我来说两句

多图幻灯Wipe擦洗效果

文章评论

同类文章

最近更新

热点排行

多图幻灯Wipe擦洗效果

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行