하이퍼 링크된 텍스트의 색깔을 바꾸어 주는 스크립트 입니다.
[사용법]
//아래의 소스를 <body>태그안에 넣어주세요
<BODY onload="start()">
//아래의 소스를 <body></body>부분에 복사해 넣으세요
<SCRIPT language="Javascript">
<!-- Hiding
bname=navigator.appName;
bversion=parseInt(navigator.appVersion)
var z=0;
var rgb=0;
var message= new Array();
var value=0;
var timer1;
var timer2;
var timer3;
var convert = new Array()
var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");
//Do not edit anything else in the Script except the lines below
var bgcolor="#FF0000"; //Fade color
var color="#0000FF"; //Starting color
var speed=55
//Do not edit anything else in the Script except the lines above
for (x=0; x<16; x++){
for (y=0; y<16; y++){
convert[value]= hexbase[x] + hexbase[y];
value++;
}
}
whitex=color.substring(1,3);
greenx=color.substring(3,5);
bluex=color.substring(5,7);
hwhite=eval(parseInt(whitex,16));
hgreen=eval(parseInt(greenx,16));
hblue=eval(parseInt(bluex,16));
ewhitex=bgcolor.substring(1,3);
egreenx=bgcolor.substring(3,5);
ebluex=bgcolor.substring(5,7);
ewhite=eval(parseInt(ewhitex,16));
egreen=eval(parseInt(egreenx,16));
eblue=eval(parseInt(ebluex,16));
white=ewhite;
green=egreen;
blue=eblue;
function start(){
timer1=window.setInterval('up()',speed)
}
function up(){
if (white<hwhite){
if ((white+15)<hwhite){
white+=15;
whitex = convert[white]
}
else{
white=hwhite
whitex = convert[white]
}
}
if (white>hwhite){
if ((white-15)>hwhite){
white-=15;
whitex = convert[white]
}
else{
white=hwhite
whitex = convert[white]
}
}
if (green<hgreen){
if ((green+15)<hgreen){
green+=15;
greenx = convert[green]
}
else{
green=hgreen
greenx = convert[green]
}
}
if (green>hgreen){
if ((green-15)>hgreen){
green-=15;
greenx = convert[green]
}
else{
green=hgreen
greenx = convert[green]
}
}
if (blue<hblue){
if ((blue+15)<hblue){
blue+=15;
bluex = convert[blue]
}
else{
blue=hblue
bluex = convert[blue]
}
}
if (blue>hblue){
if ((blue-15)>hblue){
blue-=15;
bluex = convert[blue]
}
else{
blue=hblue
bluex = convert[blue]
}
}
rgb = "#"+whitex+greenx+bluex;
document.linkColor=rgb;
document.vlinkColor=rgb;
if (z>19){
window.clearInterval(timer1);
timer2=window.setInterval('down()',speed)
}
else
z++
}
function down(){
if (white<ewhite){
if ((white+15)<ewhite){
white+=15;
whitex = convert[white]
}
else{
white=ewhite
whitex = convert[white]
}
}
if (white>ewhite){
if ((white-15)>ewhite){
white-=15;
whitex = convert[white]
}
else{
white=ewhite
whitex = convert[white]
}
}
if (green<egreen){
if ((green+15)<egreen){
green+=15;
greenx = convert[green]
}
else{
green=egreen
greenx = convert[green]
}
}
if (green>egreen){
if ((green-15)>egreen){
green-=15;
greenx = convert[green]
}
else{
green=egreen
greenx = convert[green]
}
}
if (blue<eblue){
if ((blue+15)<eblue){
blue+=15;
bluex = convert[blue]
}
else{
blue=eblue
bluex = convert[blue]
}
}
if (blue>eblue){
if ((blue-15)>eblue){
blue-=15;
bluex = convert[blue]
}
else{
blue=eblue
bluex = convert[blue]
}
}
rgb = "#"+whitex+greenx+bluex;
document.linkColor=rgb;
document.vlinkColor=rgb;
if (z>38){
z=0;
window.clearInterval(timer2);
timer1=window.setInterval('up()',speed);
}
else
z++
}
// done hiding -->
</SCRIPT>
//본문에 아래처럼 텍스트를 하이퍼 링크 시켜서 테스트 해 봅니다
<P align="center"><A href="#">하이퍼링크된 텍스트의 색깔이 계속 변하는 스크립트입니다</A><BR></P>