Js实现滚动变色的文字效果,在效果展示页面,可看到文字在交替变色显示,以吸引人的注意,效果真心不错哦,把代码拷贝到你的网站后,修改成想要的文字就OK了。 以下是源代码: 复制代码 代码如下: 滚动变色的文字js特效 请注意下方的文字,部分文字染成红色,且红色循环移动。 原文 <BR>var message="欢迎访问柯乐义网,这里有web前端等学习资料。" <BR>var neonbasecolor="#333333" <BR>var neontextcolor="#ff0000" <BR>var neontextcolor2 = "#ff3333" <BR>var flashspeed=100 <BR>var flashingletters=8 <BR>var flashingletters2=2 <BR>var flashpause=0 <BR>var n=0 <BR>if (document.all||document.getElementById){ <BR>document.write('<font color="'+neonbasecolor+'">') <BR>for (m=0;m<message.length;m++) <BR>document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'') <BR>document.write('') <BR>} <BR>else <BR>document.write(message) <BR>function crossref(number){ <BR>var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number) <BR>return crossobj <BR>} <BR>function neon(){ <BR>if (n==0){ <BR>for (m=0;m<message.length;m++) <BR>crossref(m).style.color=neonbasecolor <BR>} <BR>crossref(n).style.color=neontextcolor <BR>if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2 <BR>if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor <BR>if (n<message.length-1) <BR>n++ <BR>else{ <BR>n=0 <BR>clearInterval(flashing) <BR>setTimeout("beginneon()",flashpause) <BR>return <BR>} <BR>} <BR>function beginneon(){ <BR>if (document.all||document.getElementById) <BR>flashing=setInterval("neon()",flashspeed) <BR>} <BR>beginneon() <BR> keleyi.com