2014-10-17 152 views
0

我需要改變這個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

回答

0

變化x + 'px 0''0 ' + x + 'px'

與指定XY定位CSS屬性工作時,第一個數字總是在水平標尺(X)和第二個在垂直的標尺(y)

0

很簡單。這個職位是什麼?你會注意到每個循環都會減少x get。爲了讓它走另一條路,只是增加它:

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

演示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。