您可以使用的.animate()数量是否有限制

时间:2015-10-06 02:13:31

标签: javascript jquery html css animation

我正在使用.animate在地图图片周围移动一个红色的css圆圈。在第5次动画之后,jquery .animate's停止工作。我可以使用的数量是否有限制?

 function doAnimate() {
  $("#animate").css({top: "510px", left: "950px"})
  .animate({top: "470px", left: "955px"}, 1500)
  .animate({top: "470px", left: "1050px"}, 1500)
  .animate({top: "370px", left: "1047px"}, 1500)
  .animate({top: "370px", left: "865px"}, 1500)
  .animate({top: "310px", left: "895x"}, 1500)
  .animate({top: "310px", left: "865x"}, 1500);
};
doAnimate();
setInterval(doAnimate, 9100);

最后一个.animate命令不会工作,但是其他5个ontop就可以了。为什么它会在5 .animate之后停止工作?

1 个答案:

答案 0 :(得分:4)

在最后两次调用"x"时,请参阅.animate(),无效unit值参数传递为value进行设置。尝试将"x"更改为"px"

.animate({top: "310px", left: "895px"}, 1500)
.animate({top: "310px", left: "865px"}, 1500);