背景移動15■背景画像の左右往復移動     最終修正日 : 2020/07/16

●2020/07/16:即時関数で囲んで、グローバル変数を消しました。
背景画像の左右往復移動のJavaScriptです。
パッと見ると、人魚と魚がゆらゆら揺れているように見えます。
でも画面の端を見るとわかりますが、ゆらゆら動いているのは、実は背景画像の方です。

背景画像の実寸は、横800px縦600px。それをSeamew(シーミュー)で、横並びだけの繋ぎ目のないシームレス加工をしています。
原本は、オリジナルJavaScriptから。
原本の上下往復移動を左右往復移動へ変更しました。

JavaScriptとは無関係ですが、一匹だけ右から左へ泳いでいる魚はCSSで動いています。
前回はmarquee(マーキー)タグを使用しましたが、HTML5ではマーキーは非推奨タグなので変更しました。
その詳しい説明は、CMANでどうぞ。