Scroll Message
Description:
Demo:
Source:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<script language="JavaScript" type="text/javascript">
<!--
var scrmsg = "JavaScriptの基本中の基本ですね。";
scrmsg += "更新情報などのWhat's Newにお勧めです。";
function scrollMessage() {
scrmsg = scrmsg.substring(2,scrmsg.length) + scrmsg.substring(0,2);
window.status = scrmsg;
setTimeout("scrollMessage()",150); //この数字がスクロールのスピードです。数字が小さいほど高速。
}
//-->
</script>
</head>
<body onload="scrollMessage()">
</body>
</html>
Advice:
Arrangement:
フォーム内にメッセージを流す [デモ]
まずbody部に以下の様なフォームを用意します。
<FORM Method="POST" Name="form1">
<INPUT Type="TEXT" Name="msgbar" size="40">
<FORM Mathod="POST">
そして、<SCRIPT>タグ内の window.status = scrmsg; という所を、
document.form1.msgbar.value = scrmsg;
と書き換えます。
Browser:
Internet Explorer3.0以上
Netscape Navigator2.0以上