Javascript jQuery动画marginRight不起作用，但marginLeft工作正常

我想使用animate marginRight属性使背景图像向左滚动，该属性通过单击链接激活，但不起作用。奇怪的是，当我使用marginLeft时，它是有效的，它只是反向的。这是我的，这是我的非工作jQuery代码：（我再次尝试让背景图像滚动到左边）也请让我知道，如果我可以发布任何其他东西，使这对你更容易

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

jQuery（文档）.ready(
函数（）{
jQuery（“#homelink”）。单击(
函数（）{
jQuery（“#SiteBackground”）.animate({
marginRight：“1000px”
},10000);
});
});

还有我的html:（#SiteBackground是我想移到左边的内容，#homelink是激活器）

家

我想出了一个办法。我不确定这是否正确，但它在Firefox、Chrome和IE7+中都可以使用，所以我会一直使用它，直到找到更好的方法。基本上，您所做的就是将“marginRight”更改为“marginLeft”，并在数字前面添加一个-符号，如下所示

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

jQuery（文档）.ready(
函数（）{
jQuery（“#homelink”）。单击(
函数（）{
jQuery（“#SiteBackground”）.animate({
边缘左图：“-1000px”
},10000);
});
});

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