아이디 : 비밀번호 : 아이디/비밀번호 문의
아이콘 나라 성 ^^;
HTML 강좌
움직이는 아이콘 만들기
아이콘 변환
자주 묻는 질문
묻고답하기
상식 Power UP!!!
자유게시판
좋은글/즐거운글
내홈피가 짱이다
줄임말 대탐험!!!
아이콘 추천사이트
플레쉬 추천사이트
기타 강추사이트
축전모음
나의 작품들
랭키닷컴 rankey's favorite site
Rankey's favorite site
+++ 아이콘 나라 F.A.Q(Frequently Asked Question) +++
자주 물어보시는것들을 모아봤습니다. 아님, 말고. --+
등록일 2002/11/23 조회 9453
[자바스크립트] 타이핑하듯 글자 뿌리기
아주 오랫만에 하나 올립니다.
이 스크립트는 화면에 글씨가 타이핑하듯 한자 한자 나오는 스크립트입니다.

소스는 크게 세부분으로 구별됩니다.
먼저 아래 스크립트소스를 <head>와 </head> 사이에 넣으세요.

<SCRIPT>
<!--
msg= ' 여기에<br>'+
' 원하는 텍스트를<br>'+
' 입력하세요.<br>'+
' 텍스트를 추가할때는<br><br>'+
' 위에 입력된 형식으로 추가하면 됩니다.<br>'+
' 유용하게 사용하길 바랍니다.<br>'
line=0
pen='_'
function tt(){
if(line==msg.length) pen=''
intro.innerHTML=msg.substring(0,line)+pen
if(line++<msg.length) setTimeout("tt()",30) }
//-->
</SCRIPT>

그리고, 아래소스처럼 body 태그에 onload 함수를 추가하세요.

<body onLoad="tt()">

마지막으로 아래소스를 글씨가 타이핑되게 나오도록 원하는 위치에 넣으세요.


<div id="intro" style="position:absolute; left:256px; top:180px;
width:556px; height:60px; z-index:1"></div>

위 소스중 left , top 은 텍스트의 위치를 잡아주는 겁니다. 수치를 바꿔서 적당한
위치로 옮기세요.
width, height는 텍스트가 나타날 넓이를 지정해주는겁니다.
이 부분 역시 여러분 자신에 맞게 수정하세요.

유용하게 사용하시길...
악성 스팸댓글로 인해 의견남기기를 중단합니다.
의견 남기기는 회원전용입니다. 반드시 먼저 로그인후 글을 입력하세요.

질문은 "묻고 답하기"에 남겨주세요. 여기남기면 삭제합니다.
박규철 이 글은 자바스크립트를 전혀 모르면 사용할수가 없는 소스랍니다. 기본적인 것들부터 조금씩 연습해봐야 위에 쓴글이 무슨 말인지 알수 있을거예요. ^^ // 쥔장 2007/01/14 10:59:27
비밀 제 미니 홈피에 적용을 했더니... 은정님과 같은 결과네요.... ↓ 너무 여러워요!! 만약 나중에 다시 글을 쓸 생각이 있으시다면.... 좀더 구체적으로... 정확하게 전체 소스를 알켜 주시면 감사하겠슴돠~~ ^^ 2006/12/21 10:41:04
전은정 아.. 열시미 설명 해주셨는데... 나이가 어려서 그런지..(핑계일듯..) 뭐가 뭔지 하나도 모르겠어요.. 정말 죄송 해요... 음... 시간이 좀 되시면.. jjj92820@hanmail.net.로 보내주세요.. 음.. 물론 설명 이요.. 좀 알기 쉽게 해주세요... 너무 어려워요ㅠㅠ 움.. 어쨌든... 여러모로... 죄송합니다...ㅠㅠ 2003/01/09 19:12:20


아이콘 나라 Board V2.00