한글자씩 커지면서 타이핑
인터넷정보2007. 10. 18. 14:07
<html>
<head>
<script language="JavaScript">
<!--
function assignArray(text,delay) {
this.text=text
this.delay=delay
}
function createArray() {
//set color HERE
fadecolor=new Array("#000000","#666666","#999999","#777777","cccccc","#555555")
msg=new Array()
msg[0]=new assignArray("태그피아 오신걸 환영합니다",100)
msg[1]=new assignArray("많이 사랑해 주세여",100)
setTimeout("typeIt()", 500)
}
var msgNo=0
var characterSplit=0
var character=1
var colorNo=1
function typeIt() {
var insertHTML=""
if(msgNo <= msg.length-1) {
if(character <= msg[msgNo].text.length) {
if(colorNo<6) {
if(character != 1) {
var insertHTML = '<SPAN style="font-family:돋움; font-size:9pt; color:#000000">' + msg[msgNo].text.substring(0, character-1) + '</SPAN>'
}
insertHTML += '<SPAN style="font-family:돋움; font-size:18pt; color:'+fadecolor[colorNo]+'">' + msg[msgNo].text.substring(characterSplit, character) + '</SPAN>'
if(document.layers) {
document.typeWriter.document.write(insertHTML)
document.typeWriter.document.close()
}
else if (document.all) {
document.all.typeWriter.innerHTML = insertHTML
}
setTimeout("typeIt()", 50)
colorNo++
}
else{
colorNo=0
character++
characterSplit++
setTimeout("typeIt()", 100)}
}
else {
character=1
characterSplit=0
setTimeout("typeIt()", msg[msgNo].delay)
msgNo++
}
}
if(msgNo==2) {
msgNo=0
characterSplit=0
character=1
colorNo=1
msg=0
setTimeout("createArray()", 500) }
}//-->
</script>
</head>
<body onload="createArray();">
<div id="typeWriter" style="border-style:none; width:230px; height:50px; position:absolute; left:230px; top:10px; z-index:1;"></div>
<br><br><br><br><br>
글자가 커졌을 때 바뀌는 색<br>
Array("#000000","#666666","#999999","#777777","cccccc","#555555")<br><br>
보여질 문구<br>
msg[0]=new assignArray("태그피아 오신걸 환영합니다",100)<br>
msg[1]=new assignArray("많이 사랑해 주세여",100)<br><br>
작아졌을 때 글자 모양과 크기<br>
[SPAN style="font-family:돋움; font-size:9pt; color:#000000"><br><br>
커졌을 때 글자 모양과 크기<br>
<SPAN style="font-family:돋움; font-size:18pt;<br><br>
글자의 위치 지정<br>
[div id="typeWriter" style="border-style:none; width:230px; height:50px; position:absolute; left:230px; top:100px; z-index:1;"][/div]
</body>
</html>
<head>
<script language="JavaScript">
<!--
function assignArray(text,delay) {
this.text=text
this.delay=delay
}
function createArray() {
//set color HERE
fadecolor=new Array("#000000","#666666","#999999","#777777","cccccc","#555555")
msg=new Array()
msg[0]=new assignArray("태그피아 오신걸 환영합니다",100)
msg[1]=new assignArray("많이 사랑해 주세여",100)
setTimeout("typeIt()", 500)
}
var msgNo=0
var characterSplit=0
var character=1
var colorNo=1
function typeIt() {
var insertHTML=""
if(msgNo <= msg.length-1) {
if(character <= msg[msgNo].text.length) {
if(colorNo<6) {
if(character != 1) {
var insertHTML = '<SPAN style="font-family:돋움; font-size:9pt; color:#000000">' + msg[msgNo].text.substring(0, character-1) + '</SPAN>'
}
insertHTML += '<SPAN style="font-family:돋움; font-size:18pt; color:'+fadecolor[colorNo]+'">' + msg[msgNo].text.substring(characterSplit, character) + '</SPAN>'
if(document.layers) {
document.typeWriter.document.write(insertHTML)
document.typeWriter.document.close()
}
else if (document.all) {
document.all.typeWriter.innerHTML = insertHTML
}
setTimeout("typeIt()", 50)
colorNo++
}
else{
colorNo=0
character++
characterSplit++
setTimeout("typeIt()", 100)}
}
else {
character=1
characterSplit=0
setTimeout("typeIt()", msg[msgNo].delay)
msgNo++
}
}
if(msgNo==2) {
msgNo=0
characterSplit=0
character=1
colorNo=1
msg=0
setTimeout("createArray()", 500) }
}//-->
</script>
</head>
<body onload="createArray();">
<div id="typeWriter" style="border-style:none; width:230px; height:50px; position:absolute; left:230px; top:10px; z-index:1;"></div>
<br><br><br><br><br>
글자가 커졌을 때 바뀌는 색<br>
Array("#000000","#666666","#999999","#777777","cccccc","#555555")<br><br>
보여질 문구<br>
msg[0]=new assignArray("태그피아 오신걸 환영합니다",100)<br>
msg[1]=new assignArray("많이 사랑해 주세여",100)<br><br>
작아졌을 때 글자 모양과 크기<br>
[SPAN style="font-family:돋움; font-size:9pt; color:#000000"><br><br>
커졌을 때 글자 모양과 크기<br>
<SPAN style="font-family:돋움; font-size:18pt;<br><br>
글자의 위치 지정<br>
[div id="typeWriter" style="border-style:none; width:230px; height:50px; position:absolute; left:230px; top:100px; z-index:1;"][/div]
</body>
</html>
'인터넷정보' 카테고리의 다른 글
| 싸이월드 폴더 꾸미기 (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 |
