미리보기 :  
http://www.javascript.co.kr/src/200105/link_ani.html<!--1. 아래의 스크립트를 <HEAD></HEAD>사이에 복사해 넣으세요-->

<script>
<!---Edited by JASKO-->
<!---Web Site : http://www.javascript.co.kr-->

<!-- 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.jasko.co.kr" onMouseOver="startanimation('link2')" onMouseOut="stopanimation()" target="_blank">http://www.jasko.co.kr</a> 에서는 정회원들께 매일매일 업데이트 되는 자바스크립트 소스들을 무료로 공개하고 있습니다. 잊지 마세요. <a id="link3" href="http://www.jasko.co.kr" onMouseOver="startanimation('link3')" onMouseOut="stopanimation()" target="_blank">JASKO</a> 입니다<br><br>

</DIV>
엮인글 :
http://javascript.co.kr/index.php?document_srl=10584&act=trackback&key=792

List of Articles
번호 제목 조회 수
176 랜덤 텍스트 나타내기 3466
175 [DHTML] fade text 로테이팅 4055
174 간단한 하이퍼링크 설명문 나타내기 [1] 3888
173 타이핑 텍스트 + blink 효과 (All) [2] 4819
172 텍스트 fade 효과 + 하이퍼링크 [1] 4026
171 표(table) 에도 링크를 걸자 [1] 4917
170 마우스 커서를 거꾸로 바꾸어 보자 [1] 3759
169 [플래쉬] HTML color selector file 5889
168 괜찮은 온라인 퀴즈(quiz) 스크립트 [1] 3563
167 롤오버 버튼 - 굳이 이미지 버튼 사용할 필요 있나요? 스타일시트로 간단하게 롤오버 효과 [1] 6828
166 키보드로 이미지 상하좌우 이동시키기 file [1] 3601
165 하이퍼링크에 mouseOver 이벤트가 발생하면..??? file [1] 4541
164 바들바들 떨고 있는 텍스트 링크 3459
163 온 마우스 오버로 하이퍼링크 파편튀게 하기 file 4437
162 모든 문단, 테이블, 객체에 롤오버 효과를 넣자 5139
161 세계각지의 밤과 낮을 한눈에 볼수 있는 Day & Night 지도 file 3514
160 마우스 오버로 테이블 테두리 나타내기 [1] 5920
159 하이퍼링크 텍스트 애니메이션 2탄 4218
» 마우스 오버시 링크텍스트 애니메이션 효과 [2] 5606
157 랜덤 블렌딩 효과 3506