jQueryのanimate marginは正しく動作しませんが、marginLeftはうまく動作します。

Question

ちょっと私はリンクをクリックしてアクティブになっているanimate marginRightプロパティを使って、左に背景画像をスクロールしようとしています。変わったことは、私がmarginLeftを使うと、それがちょうど後方に働くことです。ここに私のtest siteです、そしてここに私の非jQueryコードがあります：（再び左にスクロールする背景イメージを取得しようとしています）また、私はあなたにこれを簡単にするために何かを投稿することができます私に知らせてください。

<script type="text/javascript"> 
jQuery(document).ready(
function(){ 
    jQuery('#homelink').click(
     function(){ 
      jQuery('#SiteBackground').animate({ 
       marginRight : "1000px" 
      },10000); 
     }); 
}); 
</script> 

と私のhtml：私はこれを行う方法を考え出し（#SiteBackgroundは私が左に移動したいものである、と#homelinkが活性化因子である）

<img id="SiteBackground" src="/jscottsavage/media/Main/Backdrop.jpg" style="position: absolute; left: 0px; top: 0px; z-index: -1; height: 384px;"> 

<div id="homelink">Home</div> 

Answer 1

よし、みんな。 Firefox/Chrome/IE 7 +で正しく動作するかどうかはわかりませんが、これを行うより良い方法が見つかるまで使用します。基本的には、 'marginRight'を 'marginLeft'に変更し、下に示すように、数字の前に - 記号を追加します。

<script type="text/javascript"> 
jQuery(document).ready(
    function(){ 
     jQuery('#homelink').click(
    function(){ 
     jQuery('#SiteBackground').animate({ 
      marginLeft : "-1000px" 
     },10000); 
    }); 
}); 
</script>