使用Jquery为背景图像设置动画

时间:2015-10-20 10:02:56

标签: jquery html css

我想知道是否有人能够理解为什么我的代码不适用于此?

首先,这是我的Banner Div的CSS。

#banner
      { 
        width: 960px; 
        height: 200px; 
        margin: auto; 
        background:url('http://lifewallpaperz.com/images/2015/counter- strike/counter-strike-04.jpg') repeat-y scroll left top;
      }

这是我的javascript代码

var scrollSpeed = 70;
var step = 1;
var current = 0;
var imageWidth = 960;
var headerWidth = 200; 

var restartPosition = -(imageWidth - headerWidth);

 function scrollBg(){
 current -= step;
 if (current == restartPosition){
 current = 0;

 $('#banner').css("background-position",current+"px 0");
 }


 var init = setInterval("scrollBg()", scrollSpeed);

任何人都可以看到我的代码有任何错误吗?我以前有它的工作,并在CSS中做了一个更改说-x而不是-y然后它停止工作:(任何人都可以帮助我吗?

非常感谢

0 个答案:

没有答案