<script
language="JavaScript1.2"> <!--Source for Rainbow.js--> var rate =
100; // Increase amount(The degree of the
transmutation) //////////////////////////////////////////////////////////////////// //
Main routine var obj; // The object which event occured in var act = 0; //
Flag during the action var elmH = 0; // Hue var elmS = 128; //
Saturation var elmV = 255; // Value var clrOrg; // A color before the
change var TimerID; // Timer ID if
(navigator.appName.indexOf("Microsoft",0) != -1 &&
parseInt(navigator.appVersion) >= 4) {Browser = true;} else {Browser =
false;} if (Browser) {document.onmouseover =
doRainbowAnchor;document.onmouseout =
stopRainbowAnchor;} //============================================================================= //
doRainbow // This function begins to change a
color. //============================================================================= function
doRainbow() {if (Browser && act != 1) {act = 1;obj =
event.srcElement;clrOrg = obj.style.color;TimerID =
setInterval("ChangeColor()",100);}} //============================================================================= //
stopRainbow // This function stops to change a
color. //============================================================================= function
stopRainbow() {if (Browser && act != 0) {obj.style.color =
clrOrg;clearInterval(TimerID);act =
0;}} //============================================================================= //
doRainbowAnchor // This function begins to change a color. (of a anchor,
automatically) //============================================================================= function
doRainbowAnchor() {if (Browser && act != 1) {obj =
event.srcElement;while (obj.tagName != 'A' && obj.tagName != 'BODY')
{obj = obj.parentElement;if (obj.tagName == 'A' || obj.tagName ==
'BODY') break;} if (obj.tagName == 'A' && obj.href != '') {act =
1; clrOrg = obj.style.color;TimerID =
setInterval("ChangeColor()",100);}}} //============================================================================= //
stopRainbowAnchor // This function stops to change a color. (of a anchor,
automatically) //============================================================================= function
stopRainbowAnchor(){if (Browser && act != 0) {if (obj.tagName == 'A')
{obj.style.color = clrOrg;clearInterval(TimerID);act =
0;}}} //============================================================================= //
Change Color // This function changes a color
actually. //============================================================================= function
ChangeColor() {obj.style.color =
makeColor();} //============================================================================= //
makeColor // This function makes rainbow
colors. //============================================================================= function
makeColor() {// Don't you think Color Gamut to look like Rainbow? //
HSVtoRGB if (elmS == 0) {elmR = elmV; elmG = elmV; elmB = elmV;} else {t1
= elmV;t2 = (255 - elmS) * elmV / 255;t3 = elmH % 60;t3 = (t1 - t2) * t3 / 60;if
(elmH < 60) {elmR = t1; elmB = t2; elmG = t2 + t3;} else if (elmH <
120) {elmG = t1; elmB = t2; elmR = t1 - t3;}else if (elmH < 180) {elmG = t1;
elmR = t2; elmB = t2 + t3;}else if (elmH < 240) {elmB = t1; elmR = t2; elmG =
t1 - t3;} else if (elmH < 300) {elmB = t1; elmG = t2; elmR = t2 + t3;}else
if (elmH < 360) {elmR = t1; elmG = t2; elmB = t1 - t3;} else {elmR = 0;
elmG = 0; elmB = 0;}} elmR = Math.floor(elmR);elmG = Math.floor(elmG);elmB =
Math.floor(elmB);clrRGB = '#' + elmR.toString(16) + elmG.toString(16) +
elmB.toString(16);elmH = elmH + rate;if (elmH >= 360) elmH = 0;return
clrRGB;} </script> |
|
|
|
| |