スクロールすると雲の背景画像が動く

スクロールすると雲の背景画像が動きます。

背景画像を設置する要素名(id名やclass名)はサイトによって異なると思いますのでそれに合わせて要素名(id名やclass名)は変更してください。

このサンプルでは縦方向は0pxにしてあるので横方向のみ移動していきます。

スクロールすると背景が右に2pxづつ移動します。

htmlコード

<div class="skinBody">
この中が記事などのコード
</div> 

CSSコード

.skinBody{
background:#63c3eb url(背景画像のアドレス) fixed  0 0;
} 

JQueryコード

<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>