<font color="#669900" style="font-weight:bolder;letter-spacing: 2px;"><script language="JavaScript"> text = "www.jb51.net"; color1 = "green"; color2 = "red"; speed = 200; i = 0; if (navigator.appName == "Netscape") { } else { document.write("<span id=a></span>"); } function changeCharColor() { if (navigator.appName == "Netscape") { document.a.document.write("<font color=" + color1 + ">"); for (var j = 0; j < text.length; j++) { if(j == i) { document.a.document.write("<font color=" + color2 + ">" + Text.charAt(i) + "</font>"); } else { document.a.document.write(text.charAt(j)); } } document.a.document.write('</font>'); document.a.document.close(); } if (navigator.appName == "Microsoft Internet Explorer") { str = "<font color=" + color1 + ">"; for (var j = 0; j < text.length; j++) { if( j == i) { str += "<font color=" + color2 + ">" + text.charAt(i) + "</font>"; } else { str += text.charAt(j); } } str += "</font>"; a.innerHTML = str; } (i == text.length) ? i=0 : i++; } setInterval("changeCharColor()", speed); // End --> </script> </font> 运行效果
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
推荐阅读
现代 javscript 编程 资料第1/6页
JavaScript的演化是渐进而稳固的。历经过去十年的进程,JavaScript在人们的认知里已经从一门简单的玩物式的语言逐渐发展成为一门倍受推崇的编程语言,被全世界的公司和开发者用来构造种种不可思议的应用。现代Java>>>详细阅读
本文标题:不错的文字特效,逐字变色效果
地址:http://www.17bianji.com/kaifa2/JS/30586.html
1/2 1