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

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

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

代码:

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

解释:

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