JSFiddle - React, Tailwind, and code Playground

by envira

HTML

<link rel="stylesheet" href="http://www.jquerynewsticker.com/styles/ticker-style.css">
<script src="http://www.jquerynewsticker.com/includes/jquery.ticker.js"></script>
<ul id="js-news" class="js-hidden">
    <li class="news-item"><a href="#">This is the 1st latest news item.</a></li>
    <li class="news-item"><a href="#">This is the 2nd latest news item.</a></li>
    <li class="news-item"><a href="#">This is the 3rd latest news item.</a></li>
    <li class="news-item"><a href="#">This is the 4th latest news item.</a></li>
</ul>

JavaScript

jQuery(function ($) {
        $('#js-news').ticker({
            speed: 0.10,
            fadeInSpeed: 600,
            displayType: 'fade',
            titleText: 'Latest News'
        });
    });