Question

我尝试使用jQuery制作横幅，我在以display：none开头的同一位置使用了4张图像然后我尝试淡入第一张图像然后将其淡出，依此类推4张。< / p>

这就是我建立的代码：

    $('.aaa').fadeIn(length);
    $('.aaa').fadeOut(length);
    $('.aab').fadeIn(length);
    $('.aab').fadeOut(length);
    $('.aac').fadeIn(length);
    $('.aac').fadeOut(length);
    $('.aad').fadeIn(length);
    $('.aad').fadeOut(length);

它确实淡出然后但是所有的图像都在同时褪色，这看起来很奇怪，有人知道如何让它们分开淡化吗？

Answer 1

如果它们是有序的并且共享一个类，你可以遍历每一个显示它然后淡出它

var imgs = $('.common').toArray();

 function disp_next() {
   $(imgs.shift()).fadeIn()
   .delay(1000)
   .fadeOut(function(){
     if(imgs.length !== 0) {
         disp_next();
     }
  })
 }

disp_next();

如果他们无法共享一个公共类或任何其他方式将它们全部放在一个jQuery选择器中，您可以使用fadeIn和fadeOut

的回调函数

$('.aaa').fadeIn(function(){
    $('.aaa').fadeOut(function(){
        $('.aab').fadeIn(function(){
            $('.aab').fadeOut();
        })
    })
})

jQuery .fadeIn同时发生

1 个答案: