2010-11-03 25 views
20

我正在用jquery fadein fadein慢選項,但對我來說還是有點太快了。 現在我已經讀過,你只能選擇快和慢,但有沒有辦法讓它變慢?jquery的fadein'slow'太快了

+0

東西毫秒變種看上去不錯,不知道我能做到這一點,因爲我已經在文檔中閱讀過這些內容:可以提供字符串'fast'和'slow',分別指示持續時間爲200和600毫秒。如果提供了任何其他字符串,或者省略了duration參數,則使用400毫秒的默認持續時間。 – Michel 2010-11-03 12:00:16

回答

64

你有兩個選擇。第一種方法是使用呼叫毫秒數:

$('#myItem').fadeOut(1500); // 1.5 seconds 

第二個選項是定義一個自定義的速度,或重新定義一個jQuery原生速度:

$.fx.speeds.slow = 1500; // 'slow' now means 1.5 seconds 
$.fx.speeds.xslow = 3000; // 'xslow' means 3 seconds 
$.fx.speeds.xfast = 100; // 'xfast' means 0.1 seconds 

然後你可以打電話給他們正常情況下:

$('#myItem').fadeOut('slow'); 
$('#myItem').fadeOut('xslow'); 
$('#myItem').fadeOut('xfast'); 

這使您可以在整個應用程序範圍內重新定義速度。

+0

非常好,謝謝! – Michel 2010-11-03 11:59:35

11

使用許多毫秒而不是「快」或「慢」

例如,

$('#myID').fadeIn(100, function() { 
    // complete 
}); 

http://api.jquery.com/fadeIn/

+3

您還可以使用$ .fx.speeds._default = 250設置全局速度全局:其中250以毫秒爲單位 – 2010-11-03 11:53:34

+0

文檔中說過這一點,所以我沒有假設我可以設置自己的毫秒數:可以提供字符串「fast」和「slow」,分別指示持續時間爲200和600毫秒。如果提供了任何其他字符串,或者省略了duration參數,則使用400毫秒的默認持續時間。 – Michel 2010-11-03 12:01:02

6

除了「慢」 /「快」,在淡入功能也發生在毫秒的時間跨度,所以你可以但它需要很長時間,你想:

$('#someId').fadeIn(3000); // 3 second fade in 
1

我真的不知道你是怎麼想慢,但我recoomend之間2500-4000

$('#Id').fadeIn(3500); 

我們去那裏