Jquery 设置背景图像动画

我试图使背景图像在0%和100%之间来回移动，但没有运气

#swipe {
   position:absolute;
   background-image:url(images/title-back-grade.png);
   background-position:50% 0%;
   height: 250px;
   width: 100%;
   top: 108px;
   left: 0px;
  z-index: 2;
}

<div id="swipe"></div>

$(document).ready(function() {
$('#swipe').css({backgroundPosition:"(50% 0)"});
$('#swipe').animate(
        {backgroundPosition:"(-1% 0)"}, 
        {duration:500});

});

#刷卡{
位置：绝对位置；
背景图片：url（图片/标题backgrade.png）；
背景位置：50%0%；
高度：250px；
宽度：100%；
顶部：108px；
左：0px；
z指数：2；
}
$（文档）.ready（函数（）{
$（#swipe'）.css（{backgroundPosition:（50%0）}）；
$（“#滑动”）。设置动画(
{背景位置：（-1%0）}，
{持续时间：500}）；
});

---

有人能帮我吗？

当你说百分比时，它就变成了含糊不清的百分比？更好的方法是计算像素值（如果不想使用硬编码值）并使用这些值

---

看看这本教程（如果你还没有），可以找到一些关于使用像素值设置背景动画的好例子：

这可以让你开始了

---

尝试使用实际像素值。我认为不支持以百分比为单位设置值的动画。虽然我可能是错误的，但像素值将是一个问题，因为无论大小，0%和100%都与浏览器窗口对齐。我不确定我能不能计算出像素百分比，至少不能用我的knolledge。好吧，如果你指的是broswer窗口的100%可见部分，那么它的“$（window）.width（）`将为你提供100%的“可见”宽度。要获得50%，请将该值乘以0.5<代码>0%->0px：）不理想，但它可以工作$（document.ready（function（）{$pos=50；$dir=1；window.setInterval（movement，10）；}）；函数移动（）IE@Stephen布朗：是的，这是另一个解决方案，为什么不把它作为答案发布呢？您可以发布您的答案，并将其设置为anwsered。

function animateBg() {
  var bg = $('#swipe');
  bg.animate({left: '-=5000px' }, 10000, 
   function()  {  
     bg.animate({left: '+=5000px' }, 10000,
       function() {                
         animateBg();
       });
   });
}

$(document).ready(function () {
   animateBg();  
});