下面的JS代码适用于一个<div>,不适用于另一个


,不适用于另一个。
$("#mainPageSlideShow > div:gt(0)").hide();
setInterval(function () {
    $('#mainPageSlideShow > div:first')
      .fadeOut(1000)
      .next()
      .fadeIn(1000)
      .end()
      .appendTo('#mainPageSlideShow');
}, 3000);

使用 div:visible 而不是 div:first 为了获得更好的效果,也许可以将您的代码更改为在电流完全隐藏时淡入下一个div?代码如下:

$("#mainPageSlideShow > div:gt(0)").hide();
setInterval(function () {
    $('#mainPageSlideShow > div:visible')
    .fadeOut(1000, function () {
        $(this).next()
        .fadeIn(1000)
        .end()
        .appendTo('#mainPageSlideShow');
    });
}, 3000);

最新更新