Перемещение фонового изображения в цикле сверху вниз

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'

при работе со свойствами CSS, которые определяют х позиционирования, то первое число всегда на горизонтальной линейке (х) и второй на вертикальной линейке (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

Demo: http://jsfiddle.net/7fa0jjzq/show

Код:

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

Объяснение:

изменить CSS `Повторяя y 'и изменение jquery x на 0, так как не хотят анимировать y и изменять переменную x на x.