0

以下は、リスト項目を順番にフェードインおよびフェードアウトする 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'));

});

ご協力いただきありがとうございます。

アンジェラ

4

2 に答える 2

0

関数にもミリ秒単位の数値を渡し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);

});
于 2013-05-19T12:33:06.377 に答える
0

fadeOut は 2 つのパラメーター、期間、およびハンドラーを取ります。

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

あなたのフェードインには最初のパラメーターが必要です。

$(selector).fadeIn(4000)
于 2013-05-19T12:34:07.280 に答える