2007. 6. 28. 01:04

링크된 텍스트 스르륵 변하기

유용한.../쏘오쓰들 2007. 6. 28. 01:04
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<link rel="stylesheet" href="../common/common.css" type="text/css">
<SCRIPT language=JavaScript1.2>

        var rate = 20;  
        var obj;        
        var act = 0;    
        var elmH = 0;  
        var elmS = 128;
        var elmV = 255;
        var clrOrg;
        var TimerID;

        if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) {
                Browser = true;
        }
        else {
                Browser = false;
        }

        if (Browser) {
                document.onmouseover = doRainbowAnchor;
                document.onmouseout = stopRainbowAnchor;
        }

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

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

        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);
                        }
                }
        }


        function stopRainbowAnchor(){
                if (Browser && 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>
</head>

<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="280" border="0" cellspacing="0" cellpadding="0" height="150">
  <tr>
    <td align="center" valign="top"><br>
      <br>
      <br>
      <br>
      <br>
      <a href="#">링크색이 변해요... 올려보세요...*^__^*</a></td>
  </tr>
</table>
</body>
</html>

티스토리툴바