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>
반응형
'인터넷정보' 카테고리의 다른 글
버튼에 흐르는 문자열 만드는 스크립트 (0) | 2007.10.17 |
---|---|
이미지 위에 마우스를 올려 놓으면 이미지가 활성화 되는 스크립트 (0) | 2007.10.17 |
이미지 위에 마우스를 올려 놓으면 이미지가 활성화 되는 스크립트 (0) | 2007.10.17 |
문자열을 무지개색으로 표시하는 스크립트 (0) | 2007.10.17 |
문자열을 무지개색으로 표시하는 스크립트 (0) | 2007.10.17 |
마우스오버시 링크문자열의 색깔이 반짝이는 자바스크립트 (0) | 2007.10.17 |
글자 웨이브 효과 (0) | 2007.10.17 |
글자 웨이브 효과 (0) | 2007.10.17 |
글자 깜박이는 효과 (0) | 2007.10.17 |
글자 깜박이는 효과 (0) | 2007.10.17 |