javascript - jQuery动画marginRight不起作用，但marginLeft工作得很好

Question

我想使用通过单击链接激活的动画 marginRight 属性使背景图像向左滚动，但它不起作用。奇怪的是，当我使用 marginLeft 它工作时，它只是倒退。这是我的测试站点，这是我的非工作 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>