プロが教える店舗&オフィスのセキュリティ対策術

HPの背景で朝、昼、晩とその雰囲気の背景画像に自動変更したいのですが
そのようなスクリプトをご存知のかた、またはサイトを教えて欲しいのです
が・・・よろしくお願いします。

A 回答 (3件)

 下記の「インサイドウェブ」のJavaScriptのコーナーに、ご希望のスクリプトのヒントとなるものが置いてあります。



 他にもたくさんのサンプルが置いてあるので、一度ご覧になってみてはいかがですか?

注)ここに置いてある全てのサンプルは、ご自分のHPにインサイドウェブへのリンクを貼るだけで、無料で利用可能だということです。

参考URL:http://www.inside.ne.jp/
    • good
    • 0

とりあえず手っ取り早い方法。


<HTML>
<HEAD>
<title></title>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
date = new Date()
hour = date.getHours()
image_path = 'cgi-bin/image';
morning_image = "ohayo.gif"
daytime_image = "konchiwa.gif"
night_image = "konbanwa.gif"

if (hour >= 6 && hour < 11) {
bg_image = morning_image
} else if (hour >= 11 && hour < 17) {
bg_image = daytime_image
} else {
bg_image = night_image
}
document.write("<BODY background=" + image_path + '/' + bg_image + ">");
//-->
</SCRIPT>
あああ
</BODY></HTML>

document.bgColor = ...で代入しようとするとハマります。
(画像は背景色とは事情が違う)まあここは手っ取り早くBODYタグを
直接書き出してしまいましょう。

image_pathのところや、morning_imageのところを適切に変えてください。
(画像ファイルがこのHTMLファイルと同じディレクトリにあるなら
document.write("<BODY background=" + bg_image + ">");
でいいでしょう)

なお、hour >= 6 などのところが時間に応じて処理を分岐させている所です。
お好きな時間帯になるよう調整してください。
    • good
    • 0
この回答へのお礼

Head_Syndicate様
さっそくのご解答ありがとうございます。
試してみます。
貴殿のますますのご活躍をお祈りいたします。
重ねてありがとうございます。

お礼日時:2001/05/16 09:03

CLUBとむやん君というサイトさんでサンプルプログラムを配布していらっしゃいますよ。



トップ⇒Javascript講座⇒背景

アクセスする時間ごとに背景を変えられるサンプルもあります。
ページ自体に説明書きのようなものはないのですが、ダウンロードしたサンプルの中に入っているHTMLを見れば全部詳しく解説しています。それでもわからない場合は質問掲示板があるのでそこで質問してみると良いと思います。
参考URLにアドレス入れておきますね。

頑張ってください。

参考URL:http://www2s.biglobe.ne.jp/~club_tom/
    • good
    • 0
この回答へのお礼

sonata様
早目のご解答ありがとうございます。
挑戦してみます。
貴殿のますますのご活躍をお祈りいたします。
重ねてありがとうございます。

お礼日時:2001/05/16 09:02

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!