무지개 빛 글자를 만들어봅시다.
단지 text만을 이용해서 글자에 무지개색깔의 효과를 내는 스크립트입니다.
-예제-
소스(1)
|
<script language="JavaScript">
<!-- hide
the script from old browsers --
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.writｅ("<FONT
COLOR='#FF"+color_h1+color_h2+"'>"+text.substring(i,i+1)+'</FONT>');
}
}
//
--end hiding here
-->
</script> |
위의 소스를 <head>테그어 복사해 넣으시고.....
소스(2)
|
<font size="6">
<script language="JavaScript">
<!--
{rainbow("-->무지개 글자를 만들어 봅시다.<!__");}
//-->
</script>
</font> |
위의 소스(2)를 <body>테그 안에 여러분이 표현하고자 하시는 위치에 복사하시고 삽입된
문자만
수정해서 쓰시면 됩니다.
글자의 크기를 조정하실 때는 위의 파란부분처럼 script바깥쪽에서 size를
정의해주세요.