본문 바로가기
카테고리 없음

[자바스크립트] [텍스트] 글씨가 한글자씩 색상 바뀌는 스크립트

sophie™ 2010. 4. 25. 11:59
① <body>와 </body>부분에 넣어줍니다.
*****************************************  
<h4>
<script language="JavaScript1.2">
//아래의 message의 문자열을 수정하면된다.
var message="lss의 스크립트 강좌"
var neonbasecolor="gray" // 원래 문자색
var neontextcolor="red" // 바뀌고난후 문자색
var flashspeed=100  

var n=0
if (document.all){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight">'+message.charAt(m)+'</span>')
document.write('</font>')

var tempref=document.all.neonlight
}
else
document.write(message)

function neon(){

if (n==0){
for (m=0;m<message.length;m++)
tempref[m].style.color=neonbasecolor
}

tempref[n].style.color=neontextcolor

if (n<tempref.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all)
flashing=setInterval("neon()",flashspeed)
}
beginneon()


</script>

'전체' Related Articles

티스토리툴바