Question

下面是一些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'));

});

感谢您的帮助。

安吉拉

Answer 1

您在fadeIn fadeOut函数中传递的数字也是毫秒。

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);

});

Answer 2

fadeOut需要2个参数，持续时间和处理程序。

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

你的fadeIn只需要第一个parm，

$(selector).fadeIn(4000)

如何在jQuery中更改淡出时间？

2 个答案: