Example 14 : Extra

<< Go Back to All Examples

WWWWW
  • FACEBOOK %3.4
  • TWITTER %0.775
  • INSTAGRAM %4.71245
  • ENVATO %1.44
  • SNAPCHAT %2.4447
  • THEMEFOREST %0.254
  • CODECANYON %7.1

HTML STRUCTURE

				
<!-- DEMO14 HTML STARTS HERE -->
<!-- *********************** -->
<div class="bn-breaking-news" id="newsTicker14">
	<div class="bn-label">WWWWW</div>
	<div class="bn-news">
		<ul>
			<li><span class="bn-seperator bn-news-dot"></span>FACEBOOK <span class="bn-positive">%3.4</span></li>
			<li><span class="bn-seperator bn-news-dot"></span>TWITTER <span class="bn-negative">%0.775</span></li>
			<li><span class="bn-seperator bn-news-dot"></span>INSTAGRAM <span class="bn-negative">%4.71245</span></li>
			<li><span class="bn-seperator bn-news-dot"></span>ENVATO <span class="bn-positive">%1.44</span></li>
			<li><span class="bn-seperator bn-news-dot"></span>SNAPCHAT <span class="bn-negative">%2.4447</span></li>
			<li><span class="bn-seperator bn-news-dot"></span>THEMEFOREST <span class="bn-negative">%0.254</span></li>
			<li><span class="bn-seperator bn-news-dot"></span>CODECANYON <span class="bn-positive">%7.1</span></li>
		</ul>
	</div>
</div>
<!-- *********************** -->
<!-- DEMO14 HTML END HERE ** -->
				
			

JAVASCRÄ°PT STRUCTURE

				
$(document).ready(function(){
			
	$('#newsTicker14').breakingNews();			

});