スクロールすると雲の背景画像が動きます。
背景画像を設置する要素名(id名やclass名)はサイトによって異なると思いますのでそれに合わせて要素名(id名やclass名)は変更してください。
このサンプルでは縦方向は0pxにしてあるので横方向のみ移動していきます。
スクロールすると背景が右に2pxづつ移動します。
<div class="skinBody"> この中が記事などのコード </div>
.skinBody{
background:#63c3eb url(背景画像のアドレス) fixed 0 0;
}
<script type="text/javascript"> $(function() { var bgsc1 = 0; var bgsc2 = 0; $(window).scroll(function() { bgsc1+= 2;//マイナスは左に、プラスは右に移動します。この場合だと2なので右に2pxづつ移動します。左に移動させる場合は-2に変えます。 bgsc2+= 0;//マイナスは上に、プラスは下に移動。このサンプルは0にしてあるので上下には移動しません。 $(".skinBody").css("background-position", bgsc1 + "px " + bgsc2 + "px"); }); }); </script>