웹마스터 팁
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
자월에 있던거 그대로 배겼군요.. 아 한가지 다른 점이라면 빨강색 계열 이라는것만 빼고
제목 | 글쓴이 | 날짜 |
---|---|---|
스크롤바색상바꿔주는프로그램(수정) [3] | 이슈™ | 2002.03.13 |
▩마우스 주위에 3D 처럼 뱅뱅도는 글자 [6] | ▩윤미 | 2002.03.11 |
테두리가 스믈스믈한 -_-;; | 란즈 | 2002.03.02 |
빠르게 이동하는 텍스트 | 란즈 | 2002.03.02 |
깜박거리는 문자 [1] | 란즈 | 2002.03.02 |
강한 인상을주는 (?) 환영메세지 -_-; [5] | 란즈 | 2002.03.02 |
텍스트 지진(?)효과 내기 | 란즈 | 2002.03.02 |
페이지 사용안하고 팝업띄우기 [4] | 란즈 | 2002.03.02 |
▩물결 처럼 흐르는 것같은 이미지 슬라이드 쇼 [2] | ▩윤미 | 2002.02.28 |
▩마우스를 대면 하이퍼텍스트 스크롤하는 법 (링크할수있음) | ▩윤미 | 2002.02.28 |
▩시작 정지가 가능한 테이블 스크롤 메시지 | ▩윤미 | 2002.02.27 |
▩휠마우스처럼 사용하기.. [6] | ▩윤미 | 2002.02.26 |
▩두문장을 blur효과주며 보여주기 [3] | ▩윤미 | 2002.02.26 |
▩자바스크립, 계산기 소스 (기본) [2] | ▩윤미 | 2002.02.26 |
▩문서선택 &소스선택을 위한 셀렉트 스크립트 | ▩윤미 | 2002.02.26 |
▩그림 슬라이드 되고, 마우스 대면 그림 멈추는 스크립트 [1] | ▩윤미 | 2002.02.26 |
▩찾기 기능을 내 홈페이지에 넣어보자 [1] | ▩윤미 | 2002.02.26 |
▩셀블렌딩( 테이블 색 서서히 변화주기효과) | ▩윤미 | 2002.02.26 |
▩화면에 무자기로 뜨게하는 물방울 (다른 모양가능) | ▩윤미 | 2002.02.26 |
▩키보드글씨가 그대로 화면에 나타나는 스크립트 [5] | ▩윤미 | 2002.02.26 |
2002-02-26 16:18:09