본문 바로가기

javascript

네온 텍스트 효과

<HTML>
<HEAD>
<TITLE> 자바스크립트 소스뱅크 - 자스코 </TITLE>

</HEAD>

<BODY  bgcolor=black>

<!-- <BODY>태그와 </BODY> 태그 사이에 아래의 코드를 복사 해 넣으세요 -->

<center>
<h2>
<script language="JavaScript1.2">

var message="Welcome to JASKO" // 보여줄 메세지를 입력 하세요
var neonbasecolor="gray" // 바탕색상
var neontextcolor="yellow" // 네온색상
var flashspeed=100  // 속도 (1/1000 초)

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>