jQuery News Ticker
Este plugin es ideal si quieres destacar contenido en tu sitio web en formato de titular de noticias apareciendo de forma dinámica. Además, también te permite mostrar las últimas noticias en formato RSS.
Añadirlo a tu página Web es muy sencillo. Tan solo tienes que añadir los estilos necesarios (incluidos en la descarga), la librería jQuery y la llamada al plugin, como en el caso del ejemplo:
<link href="styles/ticker-style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script src="includes/jquery.ticker.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#js-news').ticker({
speed: 0.10, // The speed of the reveal
controls: true, // Whether or not to show the jQuery News Ticker controls
titleText: 'Últimas noticias', // To remove the title set this to an empty String
displayType: 'reveal', // Animation type - current options are 'reveal' or 'fade'
direction: 'ltr', // Ticker direction - current options are 'ltr' or 'rtl'
pauseOnItems: 2000, // The pause on a news item before being replaced
fadeInSpeed: 600, // Speed of fade in animation
fadeOutSpeed: 300 // Speed of fade out animation
});
});
</script>
Y en el <body> de nuestra página, allí donde queramos añadimos la lista de elementos o noticias:
<ul id="js-news" class="js-hidden"> <li><a href="#">This is the 1st latest news item.</a></li> <li><a href="#">This is the 2nd latest news item.</a></li> <li><a href="#">This is the 3rd latest news item.</a></li> <li><a href="#">This is the 4th latest news item.</a></li> </ul>
Obteniendo como resultado:
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
¿Buscas trabajo de programador?
3 respuestas a “jQuery News Ticker”
Deja una respuesta
41 artículos que te podrían interesar
Ver más sobre
Hola, como estas? Use Ticker para una animacion en mi sitio pero necesito que funcionen los enlaces a las noticias:
http://ckc.org.ar/
Como podria hacer?
Muchas gracias
Cecilia
hola buenas tardes,
Tan solo tienes que rellenar el atributo href del enlace.
Saludos
[…] el plugin jQuery News Ticker para el visionado de las […]