2013-05-19 2 views
0

Ниже приведено несколько jQuery для постепенного исчезновения элементов списка и из них. Этот код заставляет элементы списка затухать и выходить очень быстро. Как контролировать скорость?Как изменить fade InOut timing в jQuery?

function InOut(elem) 
{ 
elem.delay() 
.fadeIn() 
.delay() 
.fadeOut( 
      function(){ 
       if(elem.next().length > 0) 
       {InOut(elem.next());} 
       else 
       {InOut(elem.siblings(':first'));} 

      } 
     ); 
} 

$(function(){ 
$('#content li').hide(); 
InOut($('#content li:first')); 

}); 

Благодарим за помощь.

Angela

+0

Read [Документы] (http://api.jquery.com/fadeOut/#fadeOut-duration-complete). – mg007

+1

В. Как мне что-то сделать с помощью метода jQuery 'x()'? A. Прочитайте документацию jQuery для метода 'x()'. – nnnnnn

ответ

0

Вы передаете в число в миллисекундах тоже fadeInfadeOut функции.

fadeIn(300); // 300 milliseconds to fade in 
fadeOut(1000); // 1 second to fade out 

В вашем случае вы бы сделали что-то подобное;

function InOut(elem, fadeIn, fadeOut) { 
    elem.delay() 
    .fadeIn(fadeIn) 
    .delay() 
    .fadeOut(fadeOut, 
     function(){ 
      if(elem.next().length > 0) 
      {InOut(elem.next(), fadeIn, fadeOut);} 
      else 
      {InOut(elem.siblings(':first'), fadeIn, fadeOut);} 

     } 
    ); 
} 

$(function(){ 
    $('#content li').hide(); 
    InOut($('#content li:first'), 1000, 1000); 

}); 
0

fadeOut занимает 2 шт., Продолжительность и обработчик.

$(selector).fadeOut(4000, function(){ 
//do something 
}); for example 

ваш FadeIn просто необходим первый PARM,

$(selector).fadeIn(4000)