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

Question

我正在寻找每个 div 淡入，显示 5 秒，淡出。然而，在最后一个我正在寻找它停止（而不是循环），因为用户将能够浏览内容。

谢谢！

Answer 1

您可以循环遍历所有divsusingjquery .each()函数，然后fadein每个函数div延迟 5 秒，然后fadeout。如果div是最后一个，则阻止fadeout。

这是我想出的

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

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


});
});

观看现场演示

​</p>

Answer 2

这应该很简单 - 使用这些：

• fadeIn()- http://api.jquery.com/fadeIn/
• fadeOut()- http://api.jquery.com/fadeOut/
• delay()- http://api.jquery.com/delay/

只需制作由页面加载或您想要的任何事件触发的一系列事件。