본문 바로가기

javascript

무지개빛 텍스트 만들기 스크립트

<!--1. 아래 스크립트를 HEAD 부분에 복사해 넣으세요. 없으면 그냥 두세요-->

<script language="JavaScript">
  <!-- 고물 브라우저인 경우 스크립트 숨기기 --
    function MakeArray(n){
      this.length=n;
      for(var i=1; i<=n; i++) this[i]=i-1;
      return this
    }

    hex=new MakeArray(16);
    hex[11]="A"; hex[12]="B"; hex[13]="C"; hex[14]="D"; hex[15]="E"; hex[16]="F";

    function ToHex(x){          //Changes a int to hex (in the range 0 to 255)
      var high=x/16;
      var s=high+"";            //1
      s=s.substring(0,2);       //2 the combination of these are the same as the trunc function
      high=parseInt(s,10);      //3
      var left=hex[high+1];     //left part of the hex-value
      var low=x-high*16;        //calculate the rest of the values
      s=low+"";                 //1
      s=s.substring(0,2);       //2 the combination of these are the same as the trunc function
      low=parseInt(s,10);       //3
      var right=hex[low+1];     //right part of the hex-value
      var string=left+""+right; //add the high and low together
      return string;
    }

    function rainbow(text){
      text=text.substring(3,text.length-4);       //gets rid of the HTML-comment-tags
      color_d1=255;                               //any value in 'begin' 0 to 255
      mul=color_d1/text.length;
      for(i=0;i<text.length;i++){
        color_d1=255*Math.sin(i/(text.length/3));
        //some other things you can try>>
        //"=255-mul*i" to fade out, "=mul*i" to fade in, or try "255*Math.sin(i/(text.length/3))"
        color_h1=ToHex(color_d1);
        color_d2=mul*i;
        color_h2=ToHex(color_d2);
        document.write("<FONT COLOR='#FF"+color_h1+color_h2+"'>"+text.substring(i,i+1)+'</FONT>');
      }
    }
    // --end hiding here -->
  </script>


</HEAD>
<!--2. BODY 태그내에 onload="" 혹은 onunload 부분이 있으면 복사해 넣으세요-->


<BODY BGCOLOR="#FFFFFF">

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

<p align=center>
<TABLE border=0 bgcolor=#000000>
<TR>
        <TD><font size="5">
<script language="JavaScript">
<!--  
    {rainbow("-->사노라면 언젠가는 잊을날도 있겠지요<!__");}  
  //-->  
</script>
</font>
</TD>
</TR>
</TABLE>