웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
▩키보드글씨가 그대로 화면에 나타나는 스크립트
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>
키보드글씨가 그대로 화면에 나타나는 재밌고 신기한 스크립트
-----------------------------------------------------------
예제 화면: 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>
댓글 5
-
양창민
2002.02.26 16:16
-
▩윤미
2002.02.26 16:40
사적인것을 -_-;; -
+ rynne +
2002.02.26 16:46
처음에 엔터치면 "페이지에 오류가 있습니다" -
Joan
2002.03.01 10:07
헐-_- -
운명
2002.08.09 16:48
자월에 있던거 그대로 배겼군요.. 아 한가지 다른 점이라면 빨강색 계열 이라는것만 빼고
제목 | 글쓴이 | 날짜 |
---|---|---|
APMPack 입니다요. [13] | Blainfo | 2002.10.19 |
리눅스로 웹호스팅을 하기위해서... [15] | Dopesoul | 2002.10.23 |
네임서버 설정 ver.1 [/etc 폴더편] [2] | 손택수 | 2002.10.24 |
OpenBSD3.2 설치가이드 - 완결 [3] | pravda | 2002.11.02 |
사용자 자동 등록 쉘스크립트 [1] | 편리 | 2002.11.05 |
[기초]커널 2.4.x, quota 셋팅법 | NeST™y | 2002.11.05 |
[Lindox] 가상콘솔 줄여서 메모리 절약하기.. | NeSTY♨™ | 2002.11.05 |
[Lindox] 실수로 기본 명령어삭제시 강제 복구하기 | NeSTY♨™ | 2002.11.05 |
[기초] 퍼미션 값에 대해서 [4] | NeST™y | 2002.11.05 |
[Lindox] 설치 강좌 쓸때 유용한 명령어 [4] | NeSTY♨™ | 2002.11.05 |
윈xp pro 를 net 서버로 바꾸기 [7] | 정회철 | 2002.11.13 |
ab 를 이용한 간편한 아파치 성능 측정 [2] | 정인배 | 2002.11.15 |
리눅스 시스템관리 고급 명령어 | 정인배 | 2002.11.16 |
리눅스(레드헷8.0 배포판 기준) 처음 설치하시는 분들을 위한 apm 초간단 팁 [8] | 김종환 | 2002.11.17 |
리눅스 서버를 구축해 보자! #1 [11] | 꼬토 | 2002.11.21 |
리눅스 서버를 구축해 보자! #2 [5] | 꼬토 | 2002.11.22 |
리눅스 mysql 사용자 계정주기/삭제하기 [4] | 정인배 | 2002.11.22 |
Apache + PHP + Mysql확실한 연동 및 리눅스 재설치 정보 [2] | 최종우 | 2002.11.26 |
[FreeBSD] bind를 몰아낼 djbdns 설치하기 [5] | DeX™ | 2002.11.26 |
[FreeBSD] qmail+mysql+vpopmail+qmailadmin 설치 [1] | DeX™ | 2002.11.26 |
2002-02-26 16:18:09