Ejemplo del Plugin Easy Ticker

jQuery easy ticker es un plugin de barra de noticias, que desplaza la lista infinitamente. Es altamente personalizable y flexible con gran cantidad de características y funciona en todos los navegadores.

by Dominando jQuery

HTML

<script src="https://www.aakashweb.com/resources/js/jquery.easing.js"></script>
<script src="https://www.aakashweb.com/resources/js/jquery.easy-ticker.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<div class="container">
    <h3>Demostración con Easy Ticker Plugin</h3>
<div class="myBarra">
    <ul class="group-list">
		<li class="list-group-item">
            <div class="media">
                <a href="http://jsfiddle.net/dominandojquery/hz6my4ae/" class="pull-left">
                    <img src="https://lh6.googleusercontent.com/-RmKWleIDXbs/VOt0OjcSROI/AAAAAAAAAD0/Jn6G-0ffyh4/w300-h62-no/hola-mundo-jsfiddle.png" class="media-object" alt="Ejemplo Hola Mundo" width="125" />
                </a>
				<div class="media-body">
					<h4 class="media-heading"><a href="http://jsfiddle.net/dominandojquery/hz6my4ae/">Ejemplo de Hola Mundo</a></h4>
					<p><small>Sencillo ejemplo de mostrar el mensaje "¡Hola, Mundo!" utilizando jQuery.</small></p>
				</div>    
			</div>
		</li>
		<li class="list-group-item">
            <div class="media">
				<a href="http://jsfiddle.net/dominandojquery/ppyfkgbn/" class="pull-left">
					<img src="https://lh3.googleusercontent.com/-gNcOYFV1iK0/VOt0ORmzmqI/AAAAAAAAADg/cMDLqaV8Y0Q/w300-h160-no/alertify-js-jsfiddle.png" class="media-object" alt="Ejemplo Plugin Alertify" width="125" />
				</a>
				<div class="media-body">
					<h4 class="media-heading"><a href="http://jsfiddle.net/dominandojquery/ppyfkgbn/">Ejemplo del Plugin Alertify</a></h4>
					<p><small>Alertify es pequeña librería para la presentación de hermosas ventanas y notificaciones de diálogo. Es fácil de personalizar con CSS, posee una API sencilla y no depende de librerías de terceros (pero se adapta muy bien a ellos).</small></p>
				</div>
			</div>
		</li>
		<li class="list-group-item">
            <div...

JavaScript

$('.myBarra').easyTicker({
    // Propiedades que nos interesa modificar
    // Por ejemplo, sólo mostrar cuatro noticias
    visible: 4,
    // Detenerlo cuando el raton pasa por encima de las noticias
    mousePause: 1
});