JavaScript 实现逐字闪光的文字特效代码

发布时间：2018-08-19 14:42 所属栏目：121 来源：站长网

导读：新年新气象，明天就是2011年了，烈火学院继续给大家送上另一款特效文字。逐字闪光的文字特效！这是使用 Java Script实现的，类似歌词走动效果，现在好像用的不多了，主要是研究一下JS是如何实现的，有兴趣的朋友看看。演示： htmlheadmeta http-equiv=Con

　　新年新气象，明天就是2011年了，烈火学院继续给大家送上另一款特效文字。逐字闪光的文字特效！这是使用JavaScript实现的，类似歌词走动效果，现在好像用的不多了，主要是研究一下JS是如何实现的，有兴趣的朋友看看。

　　演示：

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>彩色的文字效果</title> </head> <body> <script language="JavaScript"> <!-- Begin text = "JavaScript 彩色文字烈火学院祝您：元旦快乐！"; color1 = "blue"; //文字的颜色 color2 = "red"; //转换的颜色 fontsize = "8"; //字体大小 speed = 100; //转换速度 (1000 = 1 秒) i = 0; if (navigator.appName == "Netscape") { document.write("<layer id=a visibility=show></layer><br><br><br>"); } else { document.write("<div id=a></div>"); } function changeCharColor() { if (navigator.appName == "Netscape") { document.a.document.write("<center><font face=arial size =" + fontsize + "><font color=" + color1 + ">"); for (var j = 0; j < text.length; j++) { if(j == i) { document.a.document.write("<font face=arial color=" + color2 + ">" + Text.charAt(i) + "</font>"); } else { document.a.document.write(text.charAt(j)); } } document.a.document.write('</font></font></center>'); document.a.document.close(); } if (navigator.appName == "Microsoft Internet Explorer") { str = "<center><font face=arial size=" + fontsize + "><font color=" + color1 + ">"; for (var j = 0; j < text.length; j++) { if( j == i) { str += "<font face=arial color=" + color2 + ">" + text.charAt(i) + "</font>"; } else { str += text.charAt(j); } } str += "</font></font></center>"; a.innerHTML = str; } (i == text.length) ? i=0 : i++; } setInterval("changeCharColor()", speed); // 烈火網 liehuo.net 欢迎复制,拒绝恶意采集ｌｉｅｈｕｏ．ｎｅｔ </script></body> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：ASP站长网）