曜日別にメッセージを入れ替えて表示する

 サンプルは、曜日別に表示します。


<div style="background:#FFFFFF; border:2px dotted #00CC33; padding:4px;">

    <marquee behavior="alternate"><script type="text/javascript">

//<![CDATA[

    <!--

 

    var msg = new Array();

 

 

    // 設定開始(メッセージの内容を設定してください)

 

    msg[0] = '<FONT face="MS P明朝" size="2"><span style="color:#3399FF;">今日は、<\/span><span style="color:#FF33FF;"><strong>日曜日<\/strong><\/span><span style="color:#3399FF;"> です。<\/span><\/FONT><BR>';

    msg[1] = '<FONT face="MS P明朝" size="2"><span style="color:#3399FF;">今日は、<\/span><span style="color:#66FF00;"><strong>月曜日<\/strong><\/span><span style="color:#3399FF;"> です。<\/span><\/FONT><BR>';

    msg[2] = '<FONT face="MS P明朝" size="2"><span style="color:#3399FF;">今日は、<\/span><span style="color:#66FF00;"><strong>火曜日<\/strong><\/span><span style="color:#3399FF;"> です。<\/span><\/FONT><BR>';

    msg[3] = '<FONT face="MS P明朝" size="2"><span style="color:#3399FF;">今日は、<\/span><span style="color:#66FF00;"><strong>水曜日<\/strong><\/span><span style="color:#3399FF;"> です。<\/span><\/FONT><BR>';

    msg[4] = '<FONT face="MS P明朝" size="2"><span style="color:#3399FF;">今日は、<\/span><span style="color:#66FF00;"><strong>木曜日<\/strong><\/span><span style="color:#3399FF;"> です。<\/span><\/FONT><BR>';

    msg[5] = '<FONT face="MS P明朝" size="2"><span style="color:#3399FF;">今日は、<\/span><span style="color:#66FF00;"><strong>金曜日<\/strong><\/span><span style="color:#3399FF;"> です。<\/span><\/FONT><BR>';

    msg[6] = '<FONT face="MS P明朝" size="2"><span style="color:#3399FF;">今日は、<\/span><span style="color:#CCCC00;"><strong>土曜日<\/strong><\/span><span style="color:#3399FF;"> です。<\/span><\/FONT><BR>';

 

    // 設定終了

 

 

    var now = new Date();

 

    var week = now.getDay();

 

    // 表示開始

    document.write(msg[week]);

    // 表示終了

 

    // -->

    //]]>

    </script></marquee>

</div>

 

 * 参考にしたサイトは、 こちら です。