JavaScript实现彩虹文字效果的方法
本文实例讲述了JavaScript实现彩虹文字效果的方法。分享给大家供大家参考。具体如下：
<HTML>
<HEAD>
<TITLE>RainbowText</TITLE>
<SCRIPTLANGUAGE="JavaScript">
<!--Beginhidefromoldbrowsers
functioncreateHexArray(n)
{
this.length=n;
for(vari=1;i<=n;i++)
this[i]=i-1;
this[11]="A";
this[12]="B";
this[13]="C";
this[14]="D";
this[15]="E";
this[16]="F";
returnthis;
}
hx=newcreateHexArray(16);
functionconvertToHex(x)
{
if(x<17)
x=16;
varhigh=x/16;
vars=high+"";
s=s.substring(0,2);
high=parseInt(s,10);
varleft=hx[high+1];
varlow=x-high*16;
if(low<1)
low=1;
s=low+"";
s=s.substring(0,2);
low=parseInt(s,10);
varright=hx[low+1];
varstring=left+""+right;
returnstring;
}
functionmakeRainbow(text)
{
text=text.substring(0,text.length);
color_d1=255;
mul=color_d1/text.length;
for(vari=0;i<text.length;i++){
color_d1=255*Math.sin(i/(text.length/3));
color_h1=convertToHex(color_d1);
color_d2=mul*i;
color_h2=convertToHex(color_d2);
k=text.length;
j=k-i;
if(j<0)
j=0;
color_d3=mul*j;
color_h3=convertToHex(color_d3);
document.write("<FONTCOLOR=\"#"+color_h3+color_h1+
color_h2+"\">"+text.substring(i,i+1)+"</FONT>");
}
}
//Endhidefromoldbrowsers-->
</script>
</HEAD>
<bodybgcolor="#FFFFCC">
<center>
<strong>
<fontsize=6>
<script>
<!--
//changetoyourowntext...
makeRainbow("WelcometoBoulderCityNevada");
document.write("<br>");
makeRainbow("ThebestdamcityintheUSA");
//-->
</script>
</font>
</strong>
</center>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。