웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[초간단 자바스크립트!] 자바로 플래시 따라하기!
2003.10.15 21:31
//소스 어려워요...;; 대충 짜맞춰서... 수정하다가.. 오류나는데..
이유가 <html></html><head></head><body></body>요런거.. 다 빼고... 밑에 소스만으로 html파일을
만들면 장땡이더라구요...한번 해보세요..//
1) 이걸 문서 전체!! 소스에 덮어씌운다.!!-_-;;
<script language="JavaScript">
<!--
function assignArray(text,delay) {
this.text=text
this.delay=delay
}
function createArray() {
fadecolor=new Array("#FF33FF","#FF66FF","#FF99FF","#FFCCFF","#FF66FF","#FFCCFF")
msg=new Array()
msg[0]=new assignArray("Welcome to",100)//넣을 문구
msg[1]=new assignArray("my homepage",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:Arial Black; font-size:20pt; color:#ff33ff">'//멈췄을 때 효과
+ msg[msgNo].text.substring(0, character-1) + '</SPAN>'
}
insertHTML += '<SPAN style="font-family:Arial Black; font-size:40pt; 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>
<meta name="generator" content="Namo WebEditor v5.0">
<body onload="createArray();" style="font-size:9pt;">
<div id="typeWriter" style="border-style:none; width:526px; height:53px; position:absolute; left:108px; top:15px; z-index:1;">
<p> </p>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> <font color="red"> </font><b><font face="돋움" color="red"> 어떻나요?
플래시 같아요?-0-?? </font></b></p>
미리 보기 : http://myhome.naver.com/~frankpkg/exflash.htm
계정... 마지막 구걸입니다...-_-;; x-y.net 용량이 너무 적어요...;;
//질문은 리플 달아주세요..;; 해석 부탁하시면 곤란합니다.. 별로 복잡한거는....많네요..-_-;;
제 자신도 아직 해석을 다 못 끝낸 상태라서..(제 형이... 다시 학교 기숙사가써요..-_-;; 설명 받아야되는데..
열심히 해석 중입니다... 최대한 질문에 답변하려고 노력하겠습니다....//
이유가 <html></html><head></head><body></body>요런거.. 다 빼고... 밑에 소스만으로 html파일을
만들면 장땡이더라구요...한번 해보세요..//
1) 이걸 문서 전체!! 소스에 덮어씌운다.!!-_-;;
<script language="JavaScript">
<!--
function assignArray(text,delay) {
this.text=text
this.delay=delay
}
function createArray() {
fadecolor=new Array("#FF33FF","#FF66FF","#FF99FF","#FFCCFF","#FF66FF","#FFCCFF")
msg=new Array()
msg[0]=new assignArray("Welcome to",100)//넣을 문구
msg[1]=new assignArray("my homepage",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:Arial Black; font-size:20pt; color:#ff33ff">'//멈췄을 때 효과
+ msg[msgNo].text.substring(0, character-1) + '</SPAN>'
}
insertHTML += '<SPAN style="font-family:Arial Black; font-size:40pt; 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>
<meta name="generator" content="Namo WebEditor v5.0">
<body onload="createArray();" style="font-size:9pt;">
<div id="typeWriter" style="border-style:none; width:526px; height:53px; position:absolute; left:108px; top:15px; z-index:1;">
<p> </p>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> <font color="red"> </font><b><font face="돋움" color="red"> 어떻나요?
플래시 같아요?-0-?? </font></b></p>
미리 보기 : http://myhome.naver.com/~frankpkg/exflash.htm
계정... 마지막 구걸입니다...-_-;; x-y.net 용량이 너무 적어요...;;
//질문은 리플 달아주세요..;; 해석 부탁하시면 곤란합니다.. 별로 복잡한거는....많네요..-_-;;
제 자신도 아직 해석을 다 못 끝낸 상태라서..(제 형이... 다시 학교 기숙사가써요..-_-;; 설명 받아야되는데..
열심히 해석 중입니다... 최대한 질문에 답변하려고 노력하겠습니다....//
댓글 3
-
M@xPond
2003.10.16 00:44
오옷 굿샷~~ 나이샷~ 붸리샷~~ 원츄~~(^^)=b -
Root
2003.10.17 17:50
모질라에서 뜨지 않으므로 어쩔 수 없이 무효.. -_-;;; -
오아요군
2003.10.23 15:57
모질라에서 뜨는데요....