jquery - 如何让 5 个 div 淡入、淡出并在最后一个 div 上停止？

Question

我正在寻找每个要淡入、显示 5 秒、淡出的 div。然而，在最后一个，我希望它停止(而不是循环)，因为用户将能够导航内容。

谢谢!

Answer 1

您可以使用 jquery .each() 函数循环遍历所有 div，然后 fadein 每个 div 延迟 5 秒，然后淡出。如果 div 最后出现，则防止淡出。

这是我的想法

$('#container div').each(function(index){
$(this).fadeIn("fast", function() {

    if(index!=4)
    $(this).delay(5000).fadeOut("slow");


});
});

<强> See Live Demo

​