본문 바로가기

javascript

네온 텍스트 효과

<HTML>
<HEAD>
<TITLE>  Script </TITLE>
</HEAD>

<BODY bgColor=black>

<!------ 아래의 방식으로 BODY 부분에 스크립트나 태그를 붙여 넣으세요 ------------------->

<h2 align=center>

<script language="JavaScript1.2">
var message="Welcome to JavaScript Source Bank " // 표시할 내용
var neonbasecolor="gray" // 배경 글자 색상
var neontextcolor="yellow" // 네온 글자 색상
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>
</h2>

</BODY>
</HTML>