交替变换文本颜色的JavaScript_文本链接特效

模板酷站
  •       3/5
  •       1
  •       2
  •       3
  •       4
  •       5
查看演示效果

      织梦DedeCMS视频教程买空间 租服务器 选网硕互联! 无忧站长工具,百度权重一键全查!

      交替变换文本颜色的JavaScript,将一段颜色值存入JS的数组里,然后依次循环控制这些颜色值作用于对象文本上,实现文本隔一会就变一种颜色的特效,颜色值的多少这个根据你的喜好自己添加,你还可以更改网页背景,以达到更好的视觉效果。

      <html> <head> <title>交替变换颜色的文本</title> <meta http-equiv="mrc-Type" mrc="text/html;charset=gb2312"> </head> <body> <script LANGUAGE="JavaScript1.2"> <!-- Begin function initArray() { this.length = initArray.arguments.length; for (var i = 0; i < this.length; i++) { this[i] = initArray.arguments[i]; } } var ctext = "模板无忧(mb5u.com)"; var speed = 1000; var x = 0; var color = new initArray( //颜色值自己增加 "red", "aqua", "lime", "black", "yellow", "#FF00FF", "#00FFFF", "#FF00FF", "#008000", "#800000", "#800080", "#C0C0C0", ); if(navigator.appName == "Netscape") { document.write('<layer id="c"><center>'+ctext+'</center></layer><br>'); } if (navigator.appVersion.indexOf("MSIE") != -1){ document.write('<div id="c"><center>'+ctext+'</center></div>'); } function chcolor(){ if(navigator.appName == "Netscape") { document.c.document.write('<center><font color="'+color[x]); document.c.document.write('">'+ctext+'</font></center>'); document.c.document.close(); } else if (navigator.appVersion.indexOf("MSIE") != -1){ document.all.c.style.color = color[x]; } (x < color.length-1) ? x++ : x = 0; } setInterval("chcolor()",1000); // End --> </script> </body> </html>