背景画像をスクロールさせる

背景の画像が下から上の方に動いていたり、
右から左え動いているページを見かける事があります。
ここでは、背景に動きを付けるソースを書いておきます。　　　　

背景が下から上に動く、サンプルページへ⇒
背景が右から左へ動く、サンプルページへ⇒　

Gaiaxのページに表示させる時は！
目次ページからダウンロードした、JSファイルと画像ファイルを編集して、
　Gaiax 以外のホームページサイトにアップして 外部ファイルとして Gaiax　のページに貼り付けて利用してください。
　　　　 外部ファイル貼り付けタグ　：　<script language=JavaScript src=ファイルをアップしたHPアドレス/*****.js></script>

下のタグを編集する前に、
左の bg_343.gif の画像を Gaiax の「画像アップローダー」にアップして
画像にアドレス（URL）を付けておきます。
bg_343.gif

<BODY BACKGROUND="画像URL・bg_343.gif">

<SCRIPT LANGUAGE="VBScript">
<!--
dim x, y
y = 0
x = 0

Sub BGScroll()
y = y - 1
Document.all(document.body.sourceIndex).style.BackgroundPosition = x & " " & y
End Sub

Sub Window_Onload()
setInterval "BGScroll()",50 　//0.05秒おきに関数を実行する処理
End Sub
//-->
</SCRIPT>

上のソースでは、背景が下から上にスクロールします。
背景を左右にスクロールさせるにはX座標の値を変更します。

X座標の値を書き換えて背景の表示位置を変更することで、背景を左右方向にスクロールする事が出来ます。

例えば、背景画像を左方向にスクロールするには、「背景の表示位置を変更する関数の設定」の
「BGScroll()」関数で「y = y - 1」という記述を削除し、代わりに「x = x - 1 」と記述します
。
また、「BGScroll()」関数に「x = x - 1 」と「y = y - 1」を同時に記述すると
背景を斜め方向にスクロールすることが出来ます。


背景が下から上に動く、サンプルページへ⇒
背景が右から左へ動く、サンプルページへ⇒