JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.jquerynewsticker.com/includes/jquery.ticker.js"></script>
<link rel="stylesheet" href="http://www.jquerynewsticker.com/styles/ticker-style.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/humanity/jquery-ui.css">
<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
$(function() {
$('#js-news').ticker();
$.fx.speeds._default = 1000;
$("#divConsumerCartDialog").dialog({
autoOpen: false,
show: "blind",
hide: "explode"
});
});