jQueryあまり使う機会はない気がしますがcssで指定した背景画像をjQueryでループアニメーションしてみます。いう感じなんでサンプルを見ていただければと思います。画像の準備とりあえずアニメーションさせる画像を用意します。ループさせるので継ぎ目のない画像を作成した方がいいかもです。作成したら「bg.png」という名前で保存します。今回はこんな画像を作成してみました。デザインがしょぼいとか言ってはいけない!html+cssでバックグランドに画像を配置html+cssは特別なことはなく普通に作ります。画像はbodyの「background」で配置してみました。id="container"><h1>jQueryでバックグラウンドを無限ループ</h1><p>このページはjQueryでバックグランド画像をアニメーションループさせるサンプルページです。500px;}jQueryのセレクタでbackground-positionにアクセス背景画像を動かすにはbodyの「background-position」にアクセスする必要がありそうですね。jQueryのセレクターで試しに画像の位置を変更してみましょう。100px");});これで背景画像がx=100px,y=100pxの位置に配置できたと思います。この数値をリアルタイムに変更すればアニメーションが再現できそうです。「setInterval」関数を使用してアニメーションアニメーションするには色々方法はあると思いますが、今回は「setInterval」関数を使用します。「setInterval」は指定した時間毎に繰り返し処理を実行するタイマーを設置ことができます。書式は第1引数に実行する関数名、第2引数に関数を実行する間隔を指定します。1」とすればhogeは1づつ足されていきますので、この変数をbackground-positionのxに入れればいける気がします。0;//ループ処理setInterval(function(){//画像のサイズまで移動したら0に戻る。scrollSpeed」だけだと変数の許容範囲を越えてしまうので、11行目では画像サイズ分移動したら0に戻しています。背景を動かしたくて検索していたら、こちらの記事を見つけました。REPLYNAMEE-MAILURLコードを書く場合は<pre>で囲んでください。背景をCSSとjQueryでスクロールさせてみた。WPへの適用を学ぶ背景画像をゆっくり動かす。WixこのブログではjQueryやWordPressを中心としたWeb制作関係のことを書いております。ご意見ご感想などお気軽にコンタクトフォームよりお問い合わせください。Web関係のお仕事も募集しております。