2010-11-03 25 views
20

estoy usando el fadein fadein de jquery con la opción lenta, pero todavía es demasiado rápido para mí. ahora he leído que solo se puede elegir entre rápido y lento, pero ¿hay alguna manera de hacerlo más lento?El fadein 'lento' de Jquery es demasiado rápido

+0

la variante milisegundo se ve bien, no sabía que podía hacerlo, ya He leído esto en los documentos: las cadenas 'rápido' y 'lento' se pueden suministrar para indicar duraciones de 200 y 600 milisegundos, respectivamente. Si se suministra cualquier otra cadena, o si se omite el parámetro de duración, se utiliza una duración predeterminada de 400 milisegundos. – Michel

Respuesta

64

Tiene dos opciones. La primera es utilizar un número de milisegundos en la convocatoria:

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

La segunda opción consiste en definir una velocidad de encargo, o para redefinir una velocidad 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 

A continuación, puede llamarlos de forma normal:

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

Esto le permite redefinir las velocidades para toda la aplicación.

+0

muy agradable, gracias! – Michel

11

Utilice un número de milisegundos en lugar de 'rápido' o 'lento'

por ejemplo

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

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

+3

también puede establecer la velocidad de fx globaly con $ .fx.speeds._default = 250; donde 250 está en milisegundos –

+0

los documentos dicen esto, así que no asumí que podía configurar mis propios milisegundos: las cadenas "rápida" y "lenta" pueden suministrarse para indicar duraciones de 200 y 600 milisegundos, respectivamente. Si se suministra cualquier otra cadena, o si se omite el parámetro de duración, se utiliza una duración predeterminada de 400 milisegundos. – Michel

6

Además de 'lento'/'rápido', la función fadeIn también tiene un intervalo de tiempo en milisegundos para que pueda hacer que tome todo el tiempo que desee:

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

Realmente no sé lo lento que lo quiere pero a recomendaría algo entre 2500-4000

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

No vamos