ステータスバーにスクロールメッセージをランダムに表示させよう
表示の例
 ボタンを押すとウインドウが開き、ページが表示されるたびに
ステータスバーのスクロールメッセージがかわります。
プログラムAのソースをコピーして、HTMLソースのHEAD区間に貼り付けしましょう。
プログラムAのソース
<SCRIPT LANGUAGE="JavaScript">
<!--
sp="                                    ";
Smes=new Array(5);
Smes[0]=sp+"ようこそ「5・6年生にもわかるやさしいJavaScript」へ!";
Smes[1]=sp+"このサイトでは「JavaScript」をできるだけやさしく紹介しています。";
Smes[2]=sp+"ここで「お気に入り」のソースがあればコピーしてお使いください。";
Smes[3]=sp+"よろしかったら「ランキングサイト」への投票をお願いいたします。";
Smes[4]=sp+"♪いらっしゃいませ!どうぞごゆっくりとご覧ください。";
MySmes=Math.floor(5*Math.random());
function s_barR(){
setTimeout("s_barR()",250);
Smes[MySmes]=Smes[MySmes].substring(2,Smes[MySmes].length)+Smes[MySmes].substring(0,2);
window.status=Smes[MySmes];
}
//-->
</SCRIPT>
プログラムAの上から5行目〜9行目に、表示されるメッセージが書いてあります。例では5つのメッセージが不特定に選ばれます。
Smes[0]=sp+"ようこそ「5・6年生にもわかるやさしいJavaScript」へ!"; などの ようこそ「5・6年生にもわかるやさしいJavaScript」へ! をあなたの表示させたいメッセージにかえてください。
例では Smes[0] から Smes[4] まで、5つのメッセージが設定してあります。メッセージの数をさらに増やす場合は、Smes[5] 、Smes[6] 、というようにソースの追加をしてください。その場合には、プログラムAのソースの Smes=new Array(5); と MySmes=Math.floor(5*Math.random()); のところの 5 をメッセージの数にかえてください。
プログラムBのソースをコピーして、HTMLソースの<body の y のすぐうしろに半角スペースをひとつ入力してから貼り付けしましょう。
プログラムBのソース
onload="s_barR()"
ソースの文字をかえる時に、" や ; を消してしまわないようにしてください。
5・6年生にもわかるやさしいJavaScriptのTOPへ