从上往下移动背景图像

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%; 
} 

谢谢各位！ PS：这里是我找到它的链接： 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`repeat- y'，并将jquery x更改为0，因为不想动画y，并将x更改为x variable。