텍스트에어리어의 내용을 위로 올립니다.데모를 눌러 확인하세요.



Script Example
<html>
<head><title>데모</title>
<SCRIPT LANGUAGE = "JavaScript">
<!--
function AraVob() {
}
var ScreenLine = new AraVob();
ScreenLine[1]  = "안녕하슈";
ScreenLine[2]  = "홈제작바이블입네다";
ScreenLine[3]  = "역시 쓸말이 없군요";
ScreenLine[4] = "잘해봐요..";
ScreenLine[5] = "그럼 이만..바빠서";
ScreenLine[6] = "후다닥";
ScreenLine[7] = "후다닥2";
ScreenLine[8] = "호호하하히히";
ScreenLine[9]  = "왜...?";
ScreenLine[10]  = "난 쓸말이 없을까..";
ScreenLine[11]  = "지겹다...쓸말없다는말..";
ScreenLine[12] = "역시없음.";
ScreenLine[13] = "끝";

var msgNum = 1;        
var msgCnt = 13;         // 메세지수
var typeSpeed = 50;      // 올라가는속도
var lineDelay = 2000     // 마지막부분의 딜레이
var pagLen = 7;          // 한페이지당 라인수

var delay = typeSpeed;    
var timerPS = null;
var linPntr = 0;
var tally = 1;
var msg = " ";
var outMsg = "";
var i = 0;
var cr="\r\n"
if ("3" <=navigator.appVersion.charAt(0)) {
var cr="\n"
}
else {
  ScreenLine[11]="    You will need to upgrade your browser."
}
if (32<=navigator.userAgent.length && navigator.userAgent.substring(25,32)=="Opera/3") {
  ScreenLine[10]="Your version of Opera show's a moving scroll bar button when you"
  ScreenLine[12]="  but the frame may not appear to be scrolling."+cr
}
// set up ScreenLines for display
for (x = msgCnt; 1 <= x; x--) {
  ScreenLine[x+pagLen] = ScreenLine[x] + cr;
}
for (x = 1; x <= (pagLen); x++) {
  ScreenLine[x] =  " " +cr;
}
msgCnt +=  pagLen;
msg = ScreenLine[1];
// end setup

function DisplayScroll() {
if (msgNum < pagLen) {
  delay = typeSpeed;
}
else {
  delay = lineDelay;
}
ChangeMsg();
outMsg += msg;
self.document.forms[0].elements[0].value = outMsg;
  timerPS = setTimeout("DisplayScroll()",delay);
}

function ChangeMsg() {
msgNum++;
if (msgCnt < msgNum) {
   msgNum = 1;
}
if (pagLen <= tally) {
   chgPage();
}
tally++;
msg = ScreenLine[msgNum];
}

function chgPage() {
if (msgNum < pagLen) {
   linPntr = msgCnt - pagLen + msgNum + 1;
}
else {
   linPntr = msgNum - (pagLen - 1);
}

outMsg =   ScreenLine[linPntr];
for (p = 1; p < (pagLen - 1); p++) {
   linPntr++;
   if (msgCnt < linPntr) {
     linPntr = 1;
   }
   outMsg += ScreenLine[linPntr];
}
}
function quitDisplay() {
  self.document.forms[0].elements[0].value = "Scroll a Page for yourself today!";
}
// -->
</SCRIPT>
</head>
<BODY onLoad = "DisplayScroll()"; onUnload = "quitDisplay()">
<FORM NAME = "msgform" ACTION = " ">
<TEXTAREA NAME = "msgarea" COLS = 69 ROWS = 8>
JavaScript (or JScript) Power needed.
</TEXTAREA>
</FORM>
</body>
</html>


설명
메세지와 글올라가는 속도등을 조절해보세요. 참고로 textarea의 cols는 옆으로 써지는 수,rows는 아래로 써지는 라인수입니다. 적절한 메세지의 수를 선택하여 텍스트에어리어의 크기를 조절해서 한페이장 보여줄 메세지를 결정해서 적용시키세요