본문 바로가기

javascript

심플 레인보우 텍스트

<!--1. 아래의 스크립트를 <HEAD></HEAD>사이에 복사해 넣으세요-->

<script language="JavaScript">
<!--

function createHexArray(n)
{
   this.length=n;
   for (var i=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";

   return this;
}


hx = new createHexArray(16);


function convertToHex(x)
{
   var high=x/16;
   var s=high+"";
   s=s.substring(0,2);
   high=parseInt(s,10);
   var left=hx[high+1];
   var low=x-high*16;
   s=low+"";
   s=s.substring(0,2);
   low=parseInt(s,10);
   var right=hx[low+1];
   var string=left+""+right;
   return string;
}

function makeRainbow(text)
{
   text=text.substring(3,text.length-4);
   color_d1=255;
   mul=color_d1/text.length;
   for(i=0;i < text.length;i++)
   {
      color_d1=255*Math.sin(i/(text.length/3)); "255*Math.sin(i/(text.length/3))"
      color_h1=convertToHex(color_d1);
      color_d2=mul*i;
      color_h2=convertToHex(color_d2);
      document.write("<FONT COLOR=\"#FF"+color_h1+color_h2+"\">"+text.substring(i,i+1)+"</FONT>");
   }
}
//-->

</SCRIPT>
</HEAD>

<BODY BGCOLOR="#FFFFFF">

<!--2. <BODY></BODY> 부분에 아래의 스크립트를 복사해 넣으세요-->

<CENTER>

<SCRIPT>
<!--
   {makeRainbow("<< 안녕하세요? 자바스크립트 소스뱅크에 오신것을 환영합니다 >>");}
//-->
</SCRIPT>