웹마스터 팁

아래 소스를 나타내고자 하는 곳에 넣어 주시면 도빈다..
텍스트 글씨에 빛이 이동 하면서 나타납니다..


<H2 >
<SCRIPT language="JavaScript1.2">

//Neon Lights Text II by G.P.F. (gpf@beta-cc.de)
//visit http://www.beta-cc.de
//Visit http://www.dynamicdrive.com for this script

var message="안녕하세요...반갑습니다...우리 홈페이지 오신것을 환영합니다.!"
var neonbasecolor="gray"
var neontextcolor="yellow"
var neontextcolor2="#FFFFA8"
var flashspeed=100                                                // speed of flashing in milliseconds
var flashingletters=3                                                // number of letters flashing in neontextcolor
var flashingletters2=1                                                // number of letters flashing in neontextcolor2 (0 to disable)
var flashpause=0                                                // the pause between flash-cycles in milliseconds

///No need to edit below this line/////

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

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor


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

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


</SCRIPT>
</H2>


출처[http://www.dynamicdrive.com ]
제목 글쓴이 날짜
[동영상] 제2강 연산자 [1] 인테리어뱅크 2006.04.11
[동영상] 제1강 자바 스크립트의 기본 개념 인테리어뱅크 2006.04.11
페이지를 풀창으로 띄우는 방법 [1] 인테리어뱅크 2006.04.11
드래그금지 태그 풀어보기 [2] 인테리어뱅크 2006.04.10
홈페이지 TOP 버튼 만들어 보기 [7] 인테리어뱅크 2006.04.10
마우스 따라다니 면서 원형을 그리면서 돌아가는것... 왜,그러지 2006.04.07
DHTML 계산기 왜,그러지 2006.04.05
마우스 따라다니는 아날로그 시계 [1] 왜,그러지 2006.04.05
텍스트 위에 네온 빛이 이동하는 효과.. 왜,그러지 2006.04.05
3D 메세지 나타나기... 왜,그러지 2006.04.05
두가지 색으로 깜박거리는 텍스트 keymove 2006.03.17
게임상의 캐릭터와 대화하는 것 같이 보이기(?) [4] 세강 :D 2006.02.24
firefox에서 location.href안 먹힐 때 해결법 [1] 꿀벙이 2006.02.24
[동영상강좌] 제20회차 - 다중 if문 아이티스터디 2006.02.02
[동영상강좌] 제19회차 - 조건문 if 알아보기 아이티스터디 2006.02.02
[동영상강좌] 제18회차 - 문자열 연산자, 조건연산자 알아보기 아이티스터디 2006.02.02
[동영상강좌] 제17회차 - 논리연산자, 비교연산자 알아보기 아이티스터디 2006.02.02
[동영상강좌] 제16회차 - 산술연산자, 할당연산자, 증감연산자 알아보기 아이티스터디 2006.02.02
[동영상강좌] 제15회차 - 변수 선언하기 아이티스터디 2006.02.02
[동영상강좌] 제14회차 - 스크립트내 html삽입하기 아이티스터디 2006.02.02