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

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

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

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

你的 fadeIn 只需要第一个参数，

$(selector).fadeIn(4000)

Answer 2

您也可以在毫秒内传递一个数字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);

});