Question

嘿伙计们我试图通过使用动画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>

jQuery animate marginRight无效，但marginLeft工作得很好

1 个答案: