무지개색 롤오버 자바스크립트입니다.

무지개색 롤오버 자바스크립트입니다.

1.스킨 -> html 편집에서

2.맨 밑부분에 </html> 밑으로 삽입하시면 그대로 적용됩니다.

3.제 블로그에 어제 적용한 태그이기도해요

어제 저처럼 해매는 분이 많이없으시기를 바라면서 ^^


4.밑으로 내용 복사 -> 붙여넣기 하시면 됩니다~~     참~쉽죠잉? ㅋ


<script language="JavaScript">
<!--
/* Rainbow Link Version 1.00 (1999.6.10)                                */
/* Copyright (C) 1999-2001 TAKANASHI Mizuki                            */
/* takanasi@hamal.freemail.ne.jp                                        */

var rate = 20;  // Increase amount(The degree of the transmutation)

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

    document.onmouseover = doRainbowAnchor;
    document.onmouseout = stopRainbowAnchor;

function doRainbow()
{
    if (act != 1) {
        act = 1;
        obj = event.srcElement;
        clrOrg = obj.style.color;
        TimerID = setInterval("ChangeColor()",100);
    }
}

function stopRainbow()
{
    if (act != 0) {
        obj.style.color = clrOrg;
        clearInterval(TimerID);
        act = 0;
    }
}

function doRainbowAnchor()

{
    if (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);
        }
    }
}

function stopRainbowAnchor()
{
    if (act != 0) {
        if (obj.tagName == 'A') {
            obj.style.color = clrOrg;
            clearInterval(TimerID);
            act = 0;
        }
    }
}

function ChangeColor()
{
    obj.style.color = makeColor();
}

function makeColor()
{
    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>