ホームページ情報
ホームページで使用しているダイナミックHTML(背景が動かず文字や画像がスクロールする)
Watermark Background Image Script IE&NS6
この記述を <BODY と </BODY> のタグの間に入れないと動作しないので注意してください。
またNS6以前のブラウザ並びにIEの古いバージョンでは動作しません。
この記述は自分の好きなように設定することが出来ます。まず初期設定では白の背景の中に指定
された画像(notebook.jpg)が現れるようになっています。でも以下の記述には画像ファイルがありま
せんので、自分で好きな画像を用意しなければなりません。この時注意しなければならないことは、
画像ファイル(例えば Forest.jpg など)を、HTMLファイルと同じフォルダに置く必要があります。
ここまでは大丈夫ですか。多くの方は画像ファイルはまとめて一つのフォルダに置いているかも
知れませんが、そのままでは動作しません。この作業が終わったら下の記述の最後の行に書い
ている notebook.jpg を、実際に置いた画像の名前(例えば Forest.jpg など)に置き換えましょ
う。これで画面の中央に好きな画像が置かれ背景となります。ただ壁紙のように画像を全体に貼
りつけたい場合は、同じく最後の行、 no-repeat を repeat という記述に変更します。最後に
実際にブラウザで確認すると一瞬ですが白い背景が出ることがあります。これはいつも出る現象
ではないのですが、黒色に変えたい場合は最後の行、white center を black center に変えて
みるといいかも知れません。またこれは、画像を全体に張るのではなく、中央に置きたい場合の
背景色を選ぶ時も使います。私自身、黒色しか使っていませんので、他の色でも出来るのかは
不明です。