縦スクロール


1.JavaScriptによる方法
(一部のコンピュータでは表示されない)

ブラウザでの表示 ソースファイル
<html>
<head>
<script language="javascript">
<!--
lines=4;
msg = new Array(lines);
msg[0]=""+"\r\n";
msg[1] ="これがバナーです。ソースファイルを参考にしてください。"+"\r\n";
msg[2] ="headの中の500を変えると、表示速度が変わります。"+"\r\n";
msg[3] ="formの中の60を変えれば、幅が変わります。"+"\r\n";
for(i=0 ; i msg[lines+i]=""+"\r\n";
}
zenmsg="";
line=lines;
ln=lines;
function str(){
for(i=ln ; i zenmsg=zenmsg+msg[i%(lines*2)];
}
document.scroll.box.value=zenmsg;
ln=ln+1;
line=line+1;
if (ln>lines*2){
ln=0;
line=0;
}
zenmsg="";
setTimeout("str()",500);
}
//-->
</script>
</head>
<body onLoad="str()">
<center>
縦スクロール<br>
<form name="scroll">
<textarea name="box" rows=4 cols=60>
</textarea>
</form>
</center>
</body>
</html>