延迟淡入/淡出li元素

时间:2014-08-25 05:02:36

标签: javascript jquery css

除了第一个孩子之外,我想延迟淡出我的李元素。

这是我的jQuery

$(function(){
     function fadeMyContent() {

         $("#fff li:first").fadeIn(700).delay(2000).fadeOut(700,
             function() {    
                     $(this).appendTo($(this).parent());   
                     fadeMyContent();    
             });
      }
     fadeMyContent();
});

有人可以帮我解决这个问题吗?

JSFIDDLE

2 个答案:

答案 0 :(得分:0)

如果我理解你的问题,那么我认为这可以帮到你。

$(function(){
 function fadeMyContent() {
     $("#fff li").each(function(i, j){
         if($(this).text() != "first"){
     $("#fff li:first").fadeIn(700).delay(2000).fadeOut(700,
         function() {    
                 $(this).appendTo($(this).parent());   
                 fadeMyContent();    
         });
         }
     });
  }
 fadeMyContent();
});

试试看,如果这是你想要的,请告诉我......

答案 1 :(得分:0)

这会对循环进行计数,并允许您在第一次通过

更改淡入淡出
 $(function(){
var i = 0
 function fadeMyContent() {
     if (i == 0) {

       $("#fff li:first").fadeIn(700).delay(1000).fadeOut(700,
         function() {    
                 $(this).appendTo($(this).parent());   
                 fadeMyContent();    
         });

     } else {
       $("#fff li:first").fadeIn(700).delay(2000).fadeOut(700,
         function() {    
                 $(this).appendTo($(this).parent());   
                 fadeMyContent();    
         });
     }

     i = 1
  }
 fadeMyContent();
 });

这里是更新的小提琴http://jsfiddle.net/r6oth6ak/5/