본문 바로가기

javascript

마우스 오버시 링크텍스트 애니메이션 효과

<!--1. 아래의 스크립트를 <HEAD></HEAD>사이에 복사해 넣으세요-->

<script>

<!-- Beginning of JavaScript -

col = new Array()
col[0]="000000"
col[1]="111111"
col[2]="222222"
col[3]="333333"
col[4]="444444"
col[5]="555555"
col[6]="666666"
col[7]="777777"
col[8]="888888"
col[9]="999999"
col[10]="AAAAAA"
col[11]="BBBBBB"
col[12]="CCCCCC"
col[13]="DDDDDD"
col[14]="EEEEEE"
col[15]="FFFFFF"
col[16]="FFFFFF"
col[17]="DDDDDD"
col[18]="CCCCCC"
col[19]="BBBBBB"
col[20]="AAAAAA"
col[21]="999999"
col[22]="888888"
col[23]="777777"
col[24]="666666"
col[25]="555555"
col[26]="444444"
col[27]="333333"
col[28]="222222"
col[29]="111111"
col[30]="000000"

i_col=0
doani=1
var timer
var thislink

function animatelink() {
        if (document.all) {
                if (doani==1) {
                        if (i_col<=col.length-1) {
                                thislink.color=col[i_col]
                                i_col++
                                timer=setTimeout("animatelink()",50)
                    }
                        else {
                                i_col=0
                                timer=setTimeout("animatelink()",50)
                        }
                }
                else {
                        clearTimeout(timer)
                }
        }
}

function stopanimation() {
        clearTimeout(timer)
        thislink.color="000000"
        doani=0
}        

function startanimation(mylink) {
        clearTimeout(timer)
        thislink=eval("document.all."+mylink+".style")
        doani=1
        animatelink()
}        

// - End of JavaScript - -->
</script>

<STYLE TYPE="text/css">
<!--
A { font-family: Arial,Helvetica,sans-serif; color: #000000;text-decoration:underline}
-->
</STYLE>
</HEAD>

<!--2. <BODY> 태그내에 onload="" 혹은 onunload 부분이 있으면 복사해 넣으세요-->

<BODY id=thisbody BGCOLOR="#FFFFFF">

<!--3. <BODY></BODY> 부분에 아래의 스크립트를 복사해 넣으세요-->

<DIV id=mainbody style="position: absolute; top:50px; left:50px; width:450px; color: 000000;font-size:14pt;font-family:굴림;font-weight:bold">

안녕하세요? 여기는 <a id="link1" href="http://www.jasko.co.kr" onMouseOver="startanimation('link1')" onMouseOut="stopanimation()" target="_blank">코리아</a> 입니다

자바스크립트와, 애플릿, CGI 등등 국내 최고의 자바스크립트 소스뱅크 입니다. <a id="link2" href="http://www.bizserver.new21.net" onMouseOver="startanimation('link2')" onMouseOut="stopanimation()" target="_blank">http://www.bizserver.new21.net</a> 에서는 정회원들께 매일매일 업데이트 되는 자바스크립트 소스들을 무료로 공개하고 있습니다. 잊지 마세요. <a id="link3" href="http://www.bizserver.new21.net" onMouseOver="startanimation('link3')" onMouseOut="stopanimation()" target="_blank">소스나라</a> 입니다<br><br>

</DIV>