Question

我需要更改此javascript，它应该从顶部向下移动！

<script>
    $(function(){
        var x = 0;
        setInterval(function(){
            x-=1;
            $('body').css('background-position', x + 'px 0');
        }, 10);
    })
</script>

body {
    background-image: url('img/bg-body.jpg');
    background-repeat: repeat-x;
    background-size: 100% 100%;
}

谢谢你们！ P.S。：这是我找到它的链接： enter link description here

Answer 1

将x + 'px 0'更改为'0 ' + x + 'px'

使用指定xy定位的css属性时，第一个数字始终位于水平标尺（x）上，第二个数字始终位于垂直标尺（y）上

Answer 2

非常简单。什么定位？你会注意到每个循环都会减少x get。为了让它走另一条路，只需增加它：

<script>
$(function(){
    var x = 0;
    setInterval(function(){
        x+=1;
        $('body').css('background-position', x + 'px 0');
    }, 10);
})
</script>

Answer 3

演示：http://jsfiddle.net/7fa0jjzq/show

代码：

$(function(){
        var x = 0;
        setInterval(function(){
            $('body').css('background-position','0'+--x + 'px');
        }, 10);
})

<强>解释

更改css`repete -y'，并将jquery x更改为0，因为不想为y设置动画，并将x更改为x变量。

从上到下循环移动背景图像

3 个答案: