jQuery animowany marginRight nie działa, ale marginLeft działa dobrze

Question

Hej ludzie próbuję zrobić obraz tła przewiń w lewo za pomocą animowanej właściwości marginRight, która jest aktywowana przez kliknięcie łącza, ale nie działa. Dziwne jest to, że kiedy używam funkcji marginLeft, działa ona tylko w tył. Oto mój test site, a tutaj jest mój nie działający kod jQuery: (Ponownie próbuję uzyskać obraz tła, aby przewinąć w lewo) Także proszę dać mi znać, jeśli mogę napisać cokolwiek innego, aby ułatwić ci.

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

i mój html (#SiteBackground jest to, co chcę, aby przejść w lewo i #homelink jest aktywatorem)

<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

Alright faceci ja wymyśliliśmy sposób, aby to zrobić. Nie jestem pewien, czy jest to właściwy/właściwy sposób, ale działa w Firefoksie, Chrome i IE 7+, więc zamierzam go używać, dopóki nie znajdę lepszego sposobu na zrobienie tego. Zasadniczo wystarczy zmienić "marginRight" na "marginLeft" i dodać znak - przed numerem, jak pokazano poniżej.

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