2010-11-03 13 views
20

Używam jittera fadein fadein z opcją slow, ale wciąż jest trochę za szybko dla mnie. Teraz przeczytałem, że możesz wybierać tylko pomiędzy szybkim a wolnym, ale czy istnieje sposób na spowolnienie?Zanikanie Jquery'ego jest zbyt szybkie.

+0

wariant milisekundę wygląda dobrze, nie wiem, może to zrobić, ponieważ Przeczytałem to w dokumentach: ciągi "szybkie" i "wolne" mogą być dostarczone, aby wskazać czasy trwania odpowiednio 200 i 600 milisekund. Jeśli zostanie podany dowolny inny ciąg znaków lub parametr czasu trwania zostanie pominięty, zostanie użyty domyślny czas trwania wynoszący 400 milisekund. – Michel

Odpowiedz

64

Masz dwie opcje. Pierwszym jest użycie liczbę milisekund w zaproszeniu:

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

Drugą opcją jest określenie prędkości niestandardowej lub korektę jQuery natywną prędkość:

$.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 

Można połączyć je jak zwykle:

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

Umożliwia to ponowne zdefiniowanie prędkości na poziomie aplikacji.

+0

bardzo ładne, dzięki! – Michel

11

Użyj liczbę milisekund zamiast 'fast' i 'slow'

np

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

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

+3

możesz także ustawić globalną prędkość fx za pomocą $ .fx.speeds._default = 250; gdzie 250 jest w milisekundach –

+0

doktorzy powiedzieli to, więc nie założyłem, że mógłbym ustawić własne millisecs: ciągi "szybkie" i "wolne" mogą być dostarczone by wskazać czasy trwania odpowiednio 200 i 600 milisekund. Jeśli zostanie podany dowolny inny ciąg znaków lub parametr czasu trwania zostanie pominięty, zostanie użyty domyślny czas trwania wynoszący 400 milisekund. – Michel

6

Oprócz 'slow'/'szybki', funkcja fadeIn bierze również przedział czasu w milisekundach, dzięki czemu można zrobić to potrwać jednak długo chcesz:

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

ja naprawdę nie wiem, jak wolno chcesz, ale ja recoomend coś między 2500-4000

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

Nie idziemy