JS交替显示的文字代码，切换时有渐显溶解效果

发布时间：2018-08-16 04:33:18 所属栏目：PHP教程来源：站长网

导读：Java Script实现的文字交替显示代码，切换时有漂亮的渐显效果，像Photoshop中的溶解效果一样的动态文字特效，文字信息存储在JS数组中，一个接一个读取，并赋值特效，可以用在网站的顶部作为公告或提示文字的特效。演示： !DOCTYPE htmlhtmlheadmeta chars

　　JavaScript实现的文字交替显示代码，切换时有漂亮的渐显效果，像Photoshop中的溶解效果一样的动态文字特效，文字信息存储在JS数组中，一个接一个读取，并赋值特效，可以用在网站的顶部作为公告或提示文字的特效。

　　演示：

<!DOCTYPE html> <html> <head> <meta charset="gbk" /> <title>文字交替显示，切换时有渐显效果</title> <body bgcolor="#ffffff" onload="play_rt()"> <SCRIPT LANGUAGE="JavaScript"> m = new Array() m[0] = "这个例子还不错吧！" m[1] = "你喜欢吗？" m[2] = "这个可以放在公告栏中使用的！" m[3]="<a href='http://www.veryhuo.com'>『烈火网』</a>欢迎你的光临！" m[4]="欢迎光临！" m[5] = "请多提意见！" m[6] = "如有问题！欢迎留言！" m[6] = "如感觉好，介绍朋友哦！" var i=0; function play_rt() { rt1.style.filter="revealTrans(Duration=1.5,Transition=12)"; rt1.filters.revealTrans.apply(); //改变前一定要这一句！ rt1.innerHTML=m[i++]; //改变内容！ if(i>6){i=0} //如果显示到第六条信息就从头开始! rt1.filters.revealTrans.play(); //播放效果了 timer = setTimeout("play_rt()",3000) //3秒后执行"play_rt()"函数 } </SCRIPT> <TABLE WIDTH="260" BORDER="1"> <TR> <TD HEIGHT="18" id="rt1"></TD> </TR> </TABLE> </body> </html><div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></div>
提示：可修改后代码再运行!

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!