JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://sky.pskorea.net/core/js/jquery.rollingBanner.js"></script>
<div class='page'>
<div id='rolling-banner'>
	<div class='wrapper'>
		<div class='item' js-class='rollingBanner-item'><div style='width:200px; height:40px; background-color:#000;'></div></div>
		<div class='item' js-class='rollingBanner-item'><div style='width:200px; height:40px; background-color:#223;'></div></div>
		<div class='item' js-class='rollingBanner-item'><div style='width:200px; height:40px; background-color:#321;'></div></div>
		<div class='item' js-class='rollingBanner-item'><div style='width:200px; height:40px; background-color:#123;'></div></div>
		<div class='item' js-class='rollingBanner-item'><div style='width:200px; height:40px; background-color:#421;'></div></div>
		<div class='item' js-class='rollingBanner-item'><div style='width:200px; height:40px; background-color:#987;'></div></div>
		<div class='item' js-class='rollingBanner-item'><div style='width:200px; height:40px; background-color:#552;'></div></div>
	</div>
	<div class='clear'></div>
</div>
</div>

CSS

.page {
    width:400px;
}
#rolling-banner {
	height:50px;
	overflow:hidden;
	position: relative;
}

#rolling-banner > .wrapper {
	width:10000px;
	position: relative;
}

#rolling-banner > .wrapper > .item {
	position: absolute;
	left:0px;
	padding:5px;
	float:left;
}

JavaScript

$('#rolling-banner').rolling_banner({fps:10, speed:1});