当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 多图幻灯Wipe擦洗效果

技术文章搜索

关键字

Javascript 中的 多图幻灯Wipe擦洗效果

---

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-10-12   浏览: 104 ::
收藏到网摘: n/a

多图幻灯Pixelate马赛克效果 多图展示点击切换效果模拟的flash效果，点小图放大显示，再点恢复默认。

点击运行可以看到效果:<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="javascript:playHelp()" width=273 border=0></a></span>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

多图幻灯Pixelate马赛克效果 多图展示点击切换效果模拟的flash效果，点小图放大显示，再点恢复默认。

评论 (0) All

登陆 还没注册？

设为首页 | 加入收藏 | 关于我们 | 联系我们 | 广告服务 | 网站地图 | 友情链接 | 在线帮助 | 免责声明 Sitemap W3school

如果您觉得本站不错，别忘了告诉您的同学和同事哟 ^_^

欢迎各网站转载我们的原创，转载时请注明出处。

All copyright is reserved by 软晨网（RuanChen.com）