jQuery .animate()不响应毫秒设置

jQuery .animate() not responding to millisecond settings

本文关键字:设置 不响应 animate jQuery      更新时间:2023-09-26

我使用jQuery的。animate()来移动一个div,我们需要它走得慢一些。慢速、默认和快速设置似乎分别有200、400和600毫秒的预设值,但文档说明也可以将其设置为特定的量。我需要动画至少1000毫秒,可能更多。但是,当设置"1000"或"1000ms"时,它似乎以默认速度运行。

下面是我使用的函数调用:
  $("#welcome_popup").animate (
    {
    "top": "0px",
    "left": "590px",
    "right": "150px",
    "font-size": "13pt",
    "padding": "7px",
    "boxShadow": "6px 6px 5px rgba(0, 0, 0, .2)"
    }, "800");

我在其他地方试过,得到了同样的结果。下面是一个来自网络的例子:

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_animation2

在W3学校自己的例子中,我似乎不能将动画速度设置为这三个值之外的任何值。还有其他人这么做过吗?

Per the DOCS

duration(默认值:400)类型:数字或字符串字符串或数字决定动画将运行多长时间。

在jQuery中使用数字时,它们不像字符串那样是引号。

$( "#clickme" ).click(function() {
  $( "#book" ).animate({
    opacity: 0.25,
    left: "+=50",
    height: "toggle"
  }, 5000, function() {
    // Animation complete.
  });
});

JSIFDDLE