淡出btw两个元素jquery

时间:2015-08-18 21:20:31

标签: jquery html fadein fadeout

我想在我的代码

中添加这些元素之间的淡入淡出

一些帮助?

$("#example p:first").css("display", "block");

jQuery.fn.timer = function() {
    if(!$(this).children("p:last-child").is(":visible")){
        $(this).children("p:visible")
            .css("display", "none")
            .next("p").css("display", "block");
    }

}

window.setInterval(function() {
    $("#example").timer();
}, 1000);

1 个答案:

答案 0 :(得分:1)

$('#example p').each(function(index) {

 $(this).delay((index+1)*1000).fadeIn(500);

});

演示: http://jsfiddle.net/b0we0g3h/1/

你不需要setInterval,在这种情况下,你可以使用delay():https://api.jquery.com/delay/

P.S。如果您希望第一个p标签没有延迟,请使用index而不是index + 1.