2010-11-03 11 views
20

sto usando il javery fadein fadeout con l'opzione slow, ma è ancora un po 'troppo veloce per me. ora ho letto che puoi scegliere solo tra veloce e lento, ma c'è un modo per renderlo più lento?Il fadein 'slow' di Jquery è troppo veloce

+0

la variante millisecondo sembra buono, non sapeva ho potuto farlo, dal momento che Ho letto questo nei documenti: le stringhe 'veloce' e 'lento' possono essere fornite per indicare durate di 200 e 600 millisecondi, rispettivamente. Se viene fornita un'altra stringa o se il parametro duration viene omesso, viene utilizzata la durata predefinita di 400 millisecondi. – Michel

risposta

64

Hai due opzioni. Il primo è quello di utilizzare un numero di millisecondi nella chiamata:

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

La seconda opzione è quella di definire una velocità personalizzata o di ridefinire una velocità nativa 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 

È quindi possibile chiamare normale:

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

Ciò consente di ridefinire le velocità a livello di applicazione.

+0

molto bello, grazie! – Michel

11

Utilizzare un numero di millisecondi anziché 'veloce' o 'lento'

esempio

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

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

+3

puoi anche impostare la velocità fx globaly con $ .fx.speeds._default = 250; dove 250 è in millisecondi –

+0

i documenti lo dicevano, quindi non presumevo di poter impostare i miei millisecondi: le stringhe 'veloce' e 'lenta' possono essere fornite per indicare durate di 200 e 600 millisecondi, rispettivamente. Se viene fornita un'altra stringa o se il parametro duration viene omesso, viene utilizzata la durata predefinita di 400 millisecondi. – Michel

6

Oltre a 'slow'/'veloce', la funzione fadeIn prende anche un periodo in millisecondi in modo da poter rendere prendere tutto il tempo che si desidera:

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

io veramente non sapere come lento si vuole, ma io recoomend qualcosa tra 2500-4000

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

Ci andiamo