Example 3 : Slide-Left Effect, with prefix label. (for testimonials :) no play/pause)

<< Go Back to All Examples

TESTIMONIALS
  • Braveheart, 1995 :"They may take our lives, but they'll never take our freedom!"
  • Star Wars Episode VII: The Force Awakens, 2015 :"Chewie, we're home."
  • Pulp Fiction, 1994 :"They call it a Royale with cheese."
  • Jerry Maguire, 1996 :"You complete me."
  • The Godfather: Part III, 1990 :"Just when I thought I was out, they pull me back in."

HTML STRUCTURE

				
<!-- DEMO9 HTML STARTS HERE *-->
<!-- *********************** -->
<div class="bn-breaking-news" id="newsTicker9">
	<div class="bn-label">TESTIMONIALS</div>
	<div class="bn-news">
		<ul>
			<li><span class="bn-prefix">Braveheart, 1995 :</span>"They may take our lives, but they'll never take our freedom!"</li>
			<li><span class="bn-prefix">Star Wars Episode VII: The Force Awakens, 2015 :</span>"Chewie, we're home."</li>
			<li><span class="bn-prefix">Pulp Fiction, 1994 :</span>"They call it a Royale with cheese."</li>
			<li><span class="bn-prefix">Jerry Maguire, 1996 :</span>"You complete me."</li>
			<li><span class="bn-prefix">The Godfather: Part III, 1990 :</span>"Just when I thought I was out, they pull me back in."</li>
		</ul>
	</div>
	<div class="bn-controls">
		<button><span class="bn-arrow bn-prev"></span></button>
		<button><span class="bn-arrow bn-next"></span></button>
	</div>
</div>
<!-- *********************** -->
<!-- DEMO9 HTML END HERE *** -->

JAVASCRİPT STRUCTURE

				
$(document).ready(function(){
			
	$('#newsTicker9').breakingNews({
		themeColor: '#f9a828',
		effect: 'slide-left'
	});

});