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)

jquery淡出背景图像和p标签

1 个答案: