인터넷정보

마우스오버시 링크문자열의 색깔이 반짝이는 자바스크립트

알 수 없는 사용자 2007. 10. 17. 13:58

http://oxtag.com/html/ex/neon_link.html


미리보기는 위 링크를....
1.아래 스크립트를   head사이에 넣습니다.

<script language="JavaScript">
<!--
var pause=100

var newcolor=new Array
var timer
var animation_on=true
var thislink
var i_color=0

function startanimation(newlink, c1, c2, c3, c4, c5) {
    if (document.all) {
                newcolor[0]=c1
                newcolor[1]=c2
                newcolor[2]=c3
                newcolor[3]=c4
                newcolor[4]=c5
        animation_on=true
        thislink=eval("document.all."+newlink+".style")        
        colorup()
    }
}

function colorup() {
    if (animation_on && i_color<newcolor.length-1) {
        thislink.color=newcolor[i_color]
        i_color++
                timer=setTimeout("colorup()",pause)
        }
    else if (animation_on) {
        clearTimeout(timer)
                timer=setTimeout("colordown()",pause)
    }
        else {
        clearTimeout(timer)
    }
}

function colordown() {
    if (animation_on && i_color>0) {
        thislink.color=newcolor[i_color]
        i_color--
                timer=setTimeout("colordown()",pause)
        }
    else if (animation_on) {
        clearTimeout(timer)
                timer=setTimeout("colorup()",pause)
    }
        else {
        clearTimeout(timer)
    }
}

function stopanimation() {
    if (document.all) {
        animation_on=false
                clearTimeout(timer)
    }
}
-->
</script>


아래는 바디의 링크 부분에 넣으시면 됩니다.
컬러수정은 this.name 뒤에 있죠. 이곳을 수정하면 됩니다.
그리고 name="cmt1 + n"을 추가하면 됩니다.

<A name="cmt1" onMouseOver="startanimation(this.name,'FF0000','FF9900','FF00ff','000000','teal')" onMouseOut="stopanimation()" href="#">
<b>이곳에 마우스를 올려보세요.</b></a>

<br><br><br><br>

<A name="cmt2" onMouseOver="startanimation(this.name,'FF0000','6495ed','0000ff','000000','red')" onMouseOut="stopanimation()" href="#">
<b> ♡ Camelot™의 태그피아 ♡ </b></a>

반응형