글자를 쓰면 텍스트박스 안에 멋지게 입력되게 하기
인터넷정보2007. 10. 18. 14:07
| <SCRIPT> var numLeft=-5 var numTop=15 function load(){ if(event.keyCode!=13){ numLeft+=6.5 box.innerHTML+="<span id=text style='position:absolute;top:"+numTop+";left:"+numLeft+";'></span>" obj=document.all["text"] chr="&#"+event.keyCode j=obj.length-1 typing(200,j,chr); } } function typing(b,i,c){ filterNum=100-b/2 document.all["in"].focus(); obj=document.all["text"] if(b>15){obj[i].innerHTML="<div style='filter:alpha(opacity="+filterNum+");width:25;font-weight:bold;font-size:"+b+"'><center>"+c+"</div>" b=b-2 setTimeout('typing('+b+','+i+',"'+c+'")',10) } else{obj[i].style.visibility='hidden' if(obj[i].innerText==""){obj[i].innerText=" "}; document.all["in"].value+=obj[i].innerText } } </SCRIPT> <style> #text{color:#FFB200;font-weight:bold;} body {font-size:9pt;} </style> <BODY id="box" onload='document.all["in"].focus();'> <input type=text name=in onkeypress=load() size=50 style="border:solid 1 #000000;background-color:#FFFFFF;color:#000000;"> |
'인터넷정보' 카테고리의 다른 글
| 펼침 메뉴 만들기 (0) | 2007.10.18 |
|---|---|
| 폰트 크기를 사용자 마음대로 줄였다 늘렸다 하기 (0) | 2007.10.18 |
| 싸이월드 폴더 꾸미기 (0) | 2007.10.18 |
| 글자 테두리 강조하기 (0) | 2007.10.18 |
| 일정 간격으로 텍스트 바꾸기 (0) | 2007.10.18 |
| 텍스트 랜덤으로 이동시키기 (0) | 2007.10.18 |
| 한글자씩 커지면서 타이핑 (0) | 2007.10.18 |
| 텍스트 네온사인 (0) | 2007.10.18 |
| 두 문장이 서서히 바뀌게 하기 (0) | 2007.10.18 |
| 글자가 점점 커지면서 없어지기 (0) | 2007.10.18 |
