자바스크립트(Javascript), 문자열 네온 효과 소스

자바스크립트,무지개, 네온 효과, 소스, 다운로드, Javascript, neon, Rainbow, Roller Coaster, source, download

이번에 소개할 자바스크립트는 텍스트 효과 중에서 텍스트를 네온사인 효과를 반복하도록하는 스크립트입니다.

원본 소스에 롤러코스트 및 무지개 색 효과를 추가했습니다. 이전에 소개했던 Rainbow Roller Coaster 스크립트에 네온사인 효과를 조합하여 적용해 보았습니다.

텍스트 및 색상은 설정법 보시고  본인에 맞도록 수정하시면 됩니다..

아래는 실제 적용된 소스입니다.


ABCDEFGHIJKLMNOPQRSTUVWXYZ


설정법 설명

// 표시할 문자열 입력
var message="ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ"
//문자의 배경색 설정
var neonbasecolor="gray"
// 효과의 시간간격
var flashspeed=100  //0.1초
// 글자색 설정
var rainbow=new Array("red","darkorange","gold","green","blue","navy","purple")
//폰트 설정
var msgfont ="Lucida Console" 
//글자간 폰트 크기 간격
var fontgap = 4   // 4폰트식 증가
// 시작 폰트 크기
var startfontsize = 10

아래 첨부화일 다운 받으셔서 위의 설명 부분만 사용자분들에게 맞도록 설정하시면 무난하리라 생각이 됩니다. 글쓰기의  HTML 모드를 선택하여 붙여넣기를 하시면 됩니다.

javascript_neon.zip

유용하게 사용하세요.