Question

我正在使用jquery为图像的背景位置设置动画，它适用于现代浏览器，但不适用于IE。非常感谢任何帮助，谢谢：）

$("#btn-home").click(function(){
  $('#line').animate({backgroundPosition: '0px 0', duration:2000});
  })
  $("#btn-intro").click(function(){
  $('#line').animate({backgroundPosition: '116px 0', duration:2000});
  })
  $("#btn-prizes").click(function(){
        $('#line').animate({backgroundPosition: '231px 0', duration:2000});
      })
    $("#btn-part").click(function(){
        $('#line').animate({backgroundPosition: '345px 0', duration:2000});
      })
    $("#btn-prog").click(function(){
        $('#line').animate({backgroundPosition: '460px 0', duration:2000});
      })
    $("#btn-judge").click(function(){
        $('#line').animate({backgroundPosition: '575px 0', duration:2000});
      })
    $("#btn-past").click(function(){
        $('#line').animate({backgroundPosition: '690px 0', duration:2000});
      })

Answer 1

试试这个

$('#line').animate({backgroundPosition: '345px 0'}, 2000);

Answer 2

$("#btn-home").click(function(){
  $('#line').animate({backgroundPosition: '0px 0', duration:2000});
  })

错了。

我认为Animate中没有duration: {NUMBER}这样的内容。

尝试：

$("#btn-home").click(function(){
  $('#line').animate({backgroundPosition: '0px 0', 2000});
  })

Jquery动画不在IE中工作？

2 个答案: