jquery - jquery淡入淡出背景图片和p标签

Question

我希望能够仅淡化横幅 div 中的背景图像和 p 标签。其他一切都不应该褪色。第一个背景和 p 标签从一开始就显示出来也很好。谢谢

var imgs = ['http://www.google.com/logos/1998/googleburn.jpg', 'http://www.google.com/logos/1998/googlebeta.jpg', 'http://www.google.com/logos/1999/googlepump.gif'],
    i = 0;

setInterval(function () {
    $('.banner').fadeOut(300, function () {
        $(this).css('background-image', 'url(' + imgs[i] + ')').find('p:eq(' + i + ')').show().siblings().hide()
            .end().end().fadeIn(300, function () {
            i++;
            if (i === imgs.length) {
                i = 0
            };
        });
    });
}, 5000)

jsfiddle

Answer 1

我修改了一下你的代码

http://jsfiddle.net/pNTqP/9/

html

<img class="banner" />

javascript

setInterval(function () {
    $('.banner').fadeOut(300, function () {
        $(this).attr('src',  imgs[i]).find('p:eq(' + i + ')').show().siblings().hide()
            .end().end().fadeIn(300, function () {
            i++;
            if (i === imgs.length) {
                i = 0
            };
        });
    });
}, 5000)