你的位置：网翼首页>网络学院>网页特效>图形特效>

文字和图片同时变换的网页特效

时间:2008-05-11 06:09:33 来源:网翼网络收集作者: 【背景色

】

除了图片进行轮流转换外，相应的文字也随之进行变化

<head> <script language=JavaScript> //more javascript from http://www.webyi.com var imgUrl=new Array(); var imgLink=new Array(); var imgTz=new Array(); var adNum=0; imgUrl[1]="http://www.webyi.com/img/200406301.jpg"; imgLink[1]="http://www.webyi.com"; imgTz[1]="<a href=#><font color=white>文字链接内容一</font></a>"; imgUrl[2]="http://www.webyi.com/img/200406302.jpg"; imgLink[2]="http://www.webyi.com"; imgTz[2]="<a href=#><font color=white>文字链接内容二</font></a>"; imgUrl[3]="http://www.webyi.com/img/200406303.jpg"; imgLink[3]="http://www.webyi.com"; imgTz[3]="<a href=#><font color=white>文字链接内容三</font></a>"; var j=0; for (i=1;i<=3;i++) { if( (imgUrl[i]!="") && (imgLink[i]!="") ) { j++; } else { break; } } function playTran(){ if (document.all) imgInit.filters.revealTrans.play(); } var key=0; function nextAd(){ if(adNum<j)adNum++ ; else adNum=1; if( key==0 ){ key=1; } else if (document.all){ imgInit.filters.revealTrans.Transition=6; imgInit.filters.revealTrans.apply(); playTran(); } document.images.imgInit.src=imgUrl[adNum]; document.getElementById('jdtz').innerHTML=imgTz[adNum]; theTimer=setTimeout("nextAd()", 6000); } function goUrl(){ jumpUrl=imgLink[adNum]; jumpTarget='_blank'; if (jumpUrl != ''){ if (jumpTarget != '') window.open(jumpUrl,jumpTarget); else location.href=jumpUrl; } } </script> </head> <body> <table><tr><td> <a href="javascript:goUrl()"><img style="FILTER: revealTrans(duration=2,transition=20); border=0" src="javascript:nextAd()" width=150 height=100 border=0 name=imgInit></a> </td></tr><tr><td id=jdtz bgcolor="blue"></td></tr></table> </body>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

网友评论加入收藏打印本文我要推荐关闭此页

上一篇：网页特定区域连续滚动的图片特效下一篇：百度联盟中的一个不错的图片切换特效

05-11网页特定区域连续滚动的图片特效	05-11百度联盟中的一个不错的图片切换特效
05-11特效代码:弹出一个淡入淡出的提示框	05-11淡入淡出效果的图片提示特效代码
05-11符合网站标准的图片切换特效(天极软件)	05-10网站常用的一种JS的图片幻灯片特效代码
05-10不间断连续向上滚动的图片特效	05-10网页上部图片规定时间消失的特效
05-10网页左右浮动广告特效代码	04-2910个能用JavaScript实现的图片特效
06-16刷新一次显示不同图片的特效代码	04-03客齐集社区头像显示效果

文章评论

共有 0位网翼网友发表了评论查看完整内容

网翼IT技术教程网站：WWW.WEBYI.COM

文字和图片同时变换的网页特效

相关文章

文章评论

推荐信息

24小时热门信息

最新信息