曜日毎のメッセージと壁紙を表示

　曜日毎のメッセージと壁紙を表示する JavaScript

JavaScriptの特徴　　

 * 各曜日ごとに違ったメッセージと壁紙が表示出来ます。
 * 表示の自動更新をします。（更新時間は指定可能）
 * Internet　Explorer 6 および Netscape 7 で動作確認しています。

設定方法

ソースファイル冒頭部分の

・「入力１：メッセージと画像の種類」で、各時間帯のメッセージと壁紙の画像を入力します。
　メッセージには <b> <br> <font> 等のタグが使えます。

・「入力２：補助入力事項」で、
　　表示の自動更新時間を、秒数で指定します。

・「表示をデザインする」の marquee タグの属性を変更すれば、お好みの流し方に出来ます。
　また marquee を止めたい場合は font 等に入れ替えてください。ただ id="messe" だけは入れてください。

背景画像

・背景画像は sozai wing さんよりお借りしました。

更新履歴

・ 05/06/09　ver 0.30　スタイルシートによる背景設定に変更
・ 05/01/25　ver 0.20　Internet Explorer 6 および Netscape 7 に対応。
・ 03/10/02　ver 0.10　メッセージ指定可能項目を追加
・ 03/09/28　ver 0.00　初　公　開

ソースファイル

・まず、<body> タグに id 属性を、次のように書き加えて下さい。
・他に設定されている、<body> タグの属性は、そのまま継承してください。

<body id="haikei">

・下記のタグをコピーアンドペーストして使って下さい。（<body>～</body>の間に置く）
・タグの解る方は、タグ自体や、属性を自由に変えて使用してください。
　　その場合、画像部には「id="pict"」、メッセージ部には「id="messe"」を必ず入れてください。

<!-- ********************** 表示をデザインする ********************* -->
<div style="position:absolute; left:530; top:100; width:200; color:#000000; font-size:11pt;
   background-color:#bbffff">
 <marquee id="messe" style="border-style:inset; border-width:2; padding:2"></marquee>
</div>
<!-- ********************* デザインはここまで ********************** -->

・下記の部分をコピーアンドペーストして使って下さい。（<body>～</body>の間に置く）
・ここのプログラムをコピーして下さい。（使用例ではバージョンが古いかも？）

<script type="text/javascript">
<!--// henka3w  ver0.30  （ぱーぷりんの溜まり場）
mess=new Array();   // この行は触らないで・・

// *****************************  入力事項  ******************************
// ======= 入力１：画像とメッセージの種類
// 各曜日ごとのメッセージ（左）と、画像（右）を入力
mess[0]=new Array( " mess/back0.gif", "日曜日のメッセージ" );   // 日曜日
mess[1]=new Array( " mess/back1.gif", "月曜日のメッセージ" );   // 月曜日
mess[2]=new Array( " mess/back2.gif", "火曜日のメッセージ" );   // 火曜日
mess[3]=new Array( " mess/back3.gif", "水曜日のメッセージ" );   // 水曜日
mess[4]=new Array( " mess/back4.gif", "木曜日のメッセージ" );   // 木曜日
mess[5]=new Array( " mess/back5.gif", "金曜日のメッセージ" );   // 金曜日
mess[6]=new Array( " mess/back6.gif", "土曜日のメッセージ" );   // 土曜日
// ======= 入力２：補助入力事項
tim  = 10       // 表示の自動更新時間（秒）
// *************************** 入力事項ここまで **************************

jikan();

function jikan(){
 today = new Date();
 youbi = today.getDay();

  // 画像・メッセージの設定
 document.getElementById("haikei").style.backgroundImage="url("+mess[youbi][0]+")";
 document.getElementById("messe").innerHTML=mess[youbi][1];

 setTimeout("jikan()",1000*tim); }

// -->
</script>