曜日毎のメッセージと画像を表示

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

JavaScriptの特徴

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

設定方法

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

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

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

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

更新履歴

・ 05/01/24　ver 0.20　Internet Explorer 6 および Netscape 7 に対応。
・ 03/10/02　ver 0.10　メッセージ指定可能項目を追加
・ 03/09/28　ver 0.00　初　公　開

ソースファイル

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

<!-- ********************** 表示をデザインする ********************* -->
<!-- 画像を配置する -->
<img id="pict" src="mess/samp0.jpg" width="250" style="position:absolute; top:80; left:500;">

<!-- メッセージ枠を配置する -->
<div style="position:absolute; top:260; left:500; font-size:11pt;
  color:#000000; width:250; background-color:#bbffff;">
 <marquee id="messe" style="border-style:inset; border-width;2; padding:2;"> </marquee>
</div>
<!-- ********************* デザインはここまで ********************** -->

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

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

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

jikan();

function jikan(){
 today = new Date();
 youbi = today.getDay();
  document.getElementById("pict").src=mess[youbi][0];
  document.getElementById("messe").innerHTML=mess[youbi][1];
 setTimeout("jikan()",1000*tim) }

// -->
</script>