●2020/07/16:即時関数で囲んで、グローバル変数を消しました。
背景画像の左右往復移動のJavaScriptです。
パッと見ると、人魚と魚がゆらゆら揺れているように見えます。
でも画面の端を見るとわかりますが、ゆらゆら動いているのは、実は背景画像の方です。
背景画像の実寸は、横800px縦600px。それを
Seamew(シーミュー)で、横並びだけの繋ぎ目のないシームレス加工をしています。
原本は、
オリジナルJavaScriptから。
原本の上下往復移動を左右往復移動へ変更しました。
JavaScriptとは無関係ですが、一匹だけ右から左へ泳いでいる魚はCSSで動いています。
前回はmarquee(マーキー)タグを使用しましたが、HTML5ではマーキーは非推奨タグなので変更しました。
その詳しい説明は、
CMANでどうぞ。