2014-07-20 56 views
-4

我正在使用jQuery的.animate()來移動div,我們需要它變慢。看起來,慢速,默認和快速設置的預設值分別爲200,400和600毫秒,但文檔指出它也可以設置爲特定數量。我需要動畫至少需要1000毫秒,可能更多。但是,設置「1000」或「1000ms」時,它似乎以默認速度運行。jQuery .animate()不響應毫秒設置

這裏的函數調用我用:

$("#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學校自己的例子,我似乎無法對動畫速度設置爲這三個數值的任何其他。有沒有其他人做到這一點?

+1

不要把引號的時間...'.animate({左: '100px的'},2500);' – Mottie

+0

顯示一些代碼,你已經試過 – koenpeters

+0

它的工作原理比默認的400慢得多,如下所示: http://api.jquery.com/animate/ –

回答

1

DOCS

持續時間(默認值:400)類型:數字或字符串字符串或數字 決定動畫將運行多久。

當使用 jQuery中,他們沒有引號的字符串。

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

JSIFDDLE