ポップウォール
<html>

<head>
<title>ポップウォール</title>
<Script Language = "JavaScript">
function iroirokabe() {
var red = Math.random()
var red_b = red * 63;
var red_c = Math.floor(red_b);
var red_e = red_c;


var green = Math.random()
var green_b = green * 63;
var green_c = Math.floor(green_b);
var green_e = green_c * 256;


var blue = Math.random()
var blue_b = blue * 63;
var blue_c = Math.floor(blue_b);
var blue_e = blue_c * 65536 ;


var d = 12632256 + red_e + green_e + blue_e;

document.bgColor = d;

var toki = new Date();
var hun = toki.getSeconds();

if (navigator.appName == "Microsoft Internet Explorer") {
if (hun%2 == 0){

var a = Math.random();

var b = a * 96;

var c = Math.ceil(b);

document.body.background = "wp/"+c+".gif";

}




}
}

</script>
<STYLE TYPE="text/javascript">
<!--
var toki = new Date();
var hun = toki.getSeconds();

if(hun%2 == 0){
var red = Math.random()
var red_b = red * 63;
var red_c = Math.floor(red_b);
var red_e = red_c;


var green = Math.random()
var green_b = green * 63;
var green_c = Math.floor(green_b);
var green_e = green_c * 256;


var blue = Math.random()
var blue_b = blue * 63;
var blue_c = Math.floor(blue_b);
var blue_e = blue_c * 65536 ;


var d = 12632256 + red_e + green_e + blue_e;



document.bgColor = d;

}
else{
var a = Math.random();

var b = a * 96;

var c = Math.ceil(b);

tags.body.backgroundImage = "wp/"+c+".gif";
}

//-->
</STYLE>

</head>
<body bgcolor="#ddeeff" onload="iroirokabe();">

</body>
</html>

ポップウォールとは

 ホームページを読み込む際、背景を色や壁紙にランダムの変化させるプログラムです。試しにインターネットエクスプローラの方は更新を、ネットスケープの方は再読み込みをクリックして下さい。背景が色、又は壁紙に変化します。

使い方

 このポップウォールの使い方は若干難しいです。

  •  まず、このプログラムを使用するHTMLファイルと同じ階層に「wp」フォルダを作ります。あくまでもフォルダですよ。絶対に「wp.html」なんてしないでください。
  • 「wp」フォルダの中にgifの壁紙ファイルを変化させたい数だけ放り込んでください。通常、ブラウザはjpgも壁紙として使用出来るのですが、このプログラムは都合上、gifだけしか使えません。
  • wpフォルダの中のgifファイルの名前を半角の通し番号に変えてください。そのとき、一桁はあくまでも1、2、3、のようにして下さい。絶対に01、02、03なんてしないください。ですので、ファイル名は「1.gif」、「2.gif」となります。
  • 2箇所ある、var b = a * 96;の96の部分を2箇所とも用意したgifの数に書き換えてください。
  • 以上で設定完了です。

 

 当ホームページの作者の運命を変えた書籍が上の二冊です。
 本の筆者は高校の先生だけあって非常にわかりやすく、つぼを押さえた解説はさすがです。僅か三年で素人の中学上がりの学生を一人前のプログラマーに育てるノウハウを知り尽くしている為でしょう。簡単な練習問題をどんどん解かせ、いつの間にかスクリプトが出来るようになってしまいます。
 「ホームページの制作」はソースから作るようにしています。時代とは逆行しているように感じますが、基本的なHTMLの知識がないときちんとしたホームページは作れませんし、自分の意図した表示をさせることは出来ません。基本を押さえる意味でも優れた書籍です。
http://www.ookawa.com