웹마스터 팁

  2. Support
  3. 웹마스터 팁

▩키보드글씨가 그대로 화면에 나타나는 스크립트

2002.02.26 15:47

▩윤미

예제 보기: http://dong0987.nayes.net/study/study13.htm



키보드글씨가 그대로 화면에 나타나는 재밌고 신기한 스크립트



-----------------------------------------------------------
예제 화면: http://dong0987.nayes.net/study/study13.htm

-----------------------------------------------------------

쓰인 태그


<HTML>
<HEAD>
<SCRIPT>
var numLeft=10
var numTop=10

function load(){
if(event.keyCode==13){
numTop+=20
numLeft=-5
obj=document.all["text"]
obj[obj.length-1].innerHTML="<p>"
}
else{
numLeft+=15
source=box.innerHTML
source=source+"<span id='text' style='position:absolute;top:"+numTop+";left:"+numLeft+";font-size:100;font-weight:bold;'></span>"
box.innerHTML=source
obj=document.all["text"]
chr="&#"+event.keyCode
for(j=0;j<obj.length;j++){
if(obj[j].innerHTML==""){
typing(99,j,chr);
break;
}
}
}
}

function typing(b,i,c){
obj=document.all["text"]
if(b>15){obj[i].innerHTML="<div style='font-weight:bold;font-size:"+b+"'>"+c+"</div>"
b=b-1
setTimeout('typing('+b+','+i+',"'+c+'")',10)
}
}
</SCRIPT>
</HEAD>
<BODY onkeypress=load() id="box">
<p align=right>
<font size="2" color="#FF00CC">© Yoonmi.waa.to<br>
키보드를 눌러보세요.(영어, 엔터만)</font></p>
<span id="text" style="position:absolute;top:10;left:10;font-size:100;font-weight:bold;face:돋움;color=pink;"></span>
</BODY>
</HTML>  
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
[JavaScript] 창의 사이즈 변경 금지 시키기 SM 2002.02.24
[JavaScript] 랜덤 듀레이션 효과 - 페이지 들어오고 나갈때 벗겨지는 효과 보여주기 [1] SM 2002.02.24
[JavaScript] 홈에 머문시간을 제목표시줄과 상태바에 실시간으로 알려줍니다 [1] SM 2002.02.24
[JavaScript] 오늘 날짜와 요일 넣기 SM 2002.02.24
[JavaScript] 가짜 카운터 달기 SM 2002.02.24
[JavaScript] 텍스트 상자에서 메세지가 타이핑 됩니다 SM 2002.02.24
[JavaScript] 전체화면으로 페이지 열기 [2] SM 2002.02.24
[JavaScript] 채널모드로 윈도우 열기 SM 2002.02.24
[JavaScript] 일반적인 형태의 전체크기 윈도우 열기 SM 2002.02.24
[JavaScript] 시간대별로 각기 다른 배경 이미지를 보여주는 스크립트 [1] SM 2002.02.24
[JavaScript] 마우스를 대기만 해도 다른 사이트로 이동합니다 [3] SM 2002.02.24
[JavaScript] 마우스를 대기만 하면 팝업창을 엽니다 SM 2002.02.24
[JavaScript] 문서 새로고침 버튼(링크) 만들기 [11] SM 2002.02.24
▩(JAVA)랜덤으로 이미지 출력 되기 [1] ▩윤미 2002.02.24
스크롤배너 + 마우스 이벤트 - 초이스 응용 버젼임당...^^* file choice 2002.02.25
[JavaScript] 입력필드에 마우스를 클릭하면 초기문자열이 사라집니다 [2] SM 2002.02.25
[JavaScript] 시간대별로 각각 다른 인삿말을 합니다 SM 2002.02.25
[JavaScript] 매일 매일 다른 메세지를 보여줍니다 [1] SM 2002.02.25
[JavaScript] 랜덤 추천 사이트 링크버튼 만들기 (추천) [4] SM 2002.02.25
▩키보드글씨가 그대로 화면에 나타나는 스크립트 [5] ▩윤미 2002.02.26
태그 쓰기