背景が横にスクロールします。背景に指定した画像を横にスクロールさせます。画像は横に連続して繋がるものを用意します。実例では町並みにしましたが、電車や飛行機など乗り物を動かしても良いですね。テキストを表示する<p>タグの背景に設定していますので、テキストと干渉しません。<body>に設定することも可能です。今回は、0.5秒毎に1pxずつ右に動かしています。(*1)画像を表示する位置の高さを決めます。(*2)背景に表示する画像のファイル名を指定します。(*3)表示の繰り返しを指定します。「repeat-x」は横に連続、「repeat-y」だと縦に連続した背景になります。縦横の場合は「repeat」とします。(*4)スクロールの速度を決めます。「500」の場合、0.5秒(500/1000秒)毎に1px分右に移動します。<body>の背景に指定する場合は、「document.body.style.〜」にスタイルを指定します。画像を2枚重ねて、別々に動かします。背景が横にスクロールします。//表示位置を変更}</script>重ねた奥の画像(building02.png)に対して手前の画像(building01.png)が2倍速く移動しています。画像は<img>タグを使用せず<div>タグに背景画像として表示しています。