文字逐行显示，淡入淡出效果

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_38098917/article/details/83543820

 html

<div id="etlr">
    <div class="details">111</div>
    <div class="details">222</div>
    <div class="details">333</div>
    <div class="details">444</div>
    <div class="details">555</div>
</div>

css

.details{
    cursor: pointer;
    opacity: 0;
}

js

$(".details").each(function(index){
    $(this).animate({"opacity":1},1000).siblings().animate({opacity:0},1000)
}

最终停留在最后一行显示