jQuery動畫marginRight不工作，但marginLeft工作正常

Question

嘿傢伙我想通過使用動畫marginRight屬性通過點擊一個鏈接，但它不起作用使背景圖像滾動到左邊。奇怪的是，當我使用marginLeft它的作品，它只是倒退。這裏是我的test site，這裏是我的非工作jQuery代碼:(再次im試圖讓背景圖片滾動到左側）另外，請讓我知道，如果我可以發佈任何其他東西，使您更容易。

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