Javascript .animate()和#x27;你可以用什么

Javascript .animate()和#x27;你可以用什么,javascript,jquery,html,css,animation,Javascript,Jquery,Html,Css,Animation,我正在使用.animate在地图图片周围移动一个红色css圆圈。在第五次动画制作之后,jquery.animate停止工作。我可以使用的数量有限制吗 function doAnimate() { $("#animate").css({top: "510px", left: "950px"}) .animate({top: "470px", left: "955px"}, 1500) .animate({top: "470px", left: "1050px"}, 1500) .

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

 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个命令起作用。为什么它在5.animate之后停止工作?

请参见最后两次调用
.animate()
,无效的
单元
值参数作为
传递进行设置。尝试将
“x”
更改为
“px”

在最后两次调用
.animate()
时,请参见
“x”
,该
单元
值参数作为
传递以进行设置。尝试将
“x”
更改为
“px”


不,没有限制。作为旁注,如果
top
值相同,则无需再次设置。您的第二个动画css只需修改
左侧的
。不,没有限制。作为旁注,如果
top
值相同,则无需再次设置。你的第二个动画css只需修改左边的
。你如何捕捉这样的小错误?o。O@jessica“在第五次动画制作之后,jquery.animate停止工作。”您实际上不需要任何引号或设置px值:
.animate({top:310,left:895},1500)
@Shikkediel Yes,
.animate()
单位默认值为“px”值,但可以设置为其他有效单位值,例如“em”、“%”、“%”、“pt”。OP显示为直接设置“px”;也许是为了避免关于什么单位值在源头上的问题?我怀疑OP没有意识到这一点,但你对其他值的看法当然是正确的。还有一些属性不会自动设置为
px
行高
,例如…您如何发现这样的小错误?o。O@jessica“在第五次动画制作之后,jquery.animate停止工作。”您实际上不需要任何引号或设置px值:
.animate({top:310,left:895},1500)
@Shikkediel Yes,
.animate()
单位默认值为“px”值,但可以设置为其他有效单位值,例如“em”、“%”、“%”、“pt”。OP显示为直接设置“px”;也许是为了避免关于什么单位值在源头上的问题?我怀疑OP没有意识到这一点,但你对其他值的看法当然是正确的。还有一些属性不会自动设置为
px
行高
,例如。。。
.animate({top: "310px", left: "895px"}, 1500)
.animate({top: "310px", left: "865px"}, 1500);