JSFiddle - React, Tailwind, and code Playground

Scroll ticker Flash Names

by Dave

HTML

<ul class="ticker">
    <li>Good morning!!!!</li>
    <li>Good afternoon!</li>
    <li>Good evening!</li>
    <li>Hows the Mrs!</li>
    <li>Shes good just ask me!</li>
    <li>She was with me the last morning!</li>
    <li>And afternoon!</li>
    <li>And evening!</li>
</ul>

JavaScript

//Needs work.
var ticker = $('ul.ticker');
ticker.children(':first').show().siblings().hide();

setInterval(function() {
    ticker.find(':visible').fadeOut(function() {
        $(this).appendTo(ticker);
        ticker.children(':first').show();
    });
},2000);