En ciertas ocasiones puede que tengamos que mostrar noticias en nuestro sitio web que son importantes y que deseamos destacar. Una buena forma de lograr este objetivo, y sin ocupar mucho espacio, es utilizando una marquesina de noticias, para lograrlo podemos utilizar jQuery, particularmente el plugin jQuery News Ticker.
Este plugin es ideal para destacar información en muy poco espacio, las marquesinas se pueden animar muy fácilmente y el resultado es realmente muy bueno. La marquesina una vez instalada se ve de la siguiente manera:
La configuración es muy simple, por un lado debemos colocar las noticias que queremos mostrar en una lista HTML, común y corriente.
<div id="ticker-wrapper" class="no-js">
<ul id="js-news" class="js-hidden">
<li class="news-item"><a href="#">Noticia A.</a></li>
<li class="news-item"><a href="#">Noticia B.</a></li>
<li class="news-item"><a href="#">Noticia C.</a></li>
<li class="news-item"><a href="#">Noticia D.</a></li>
</ul>
</div>
Luego simplemente inicializamos el plugin indicando la lista que vamos a utilizar.
<script type="text/javascript">
$(function () {
$('#js-news').ticker();
});
</script>
El aspecto de la marquesina se puede modificar utilizando las hojas de estilo, y de forma muy sencilla adecuar el estilo de la misma al de nuestro diseño web.
Web: jQuery News Ticker
Salva
12 años ago
Hola buenas noches pablo,
esta muy interesante lo de la marquesina actualizable pero no consigo hacerlo funcionar, lo coloco todo en su sitio (creo) a excepción del último script que ponga donde lo ponga no me lo hace funcionar.
Puedes indicar donde va? gracias por todo
diego
11 años ago
pudiste hacerlo andar?
ami me funciona bien pero lo que no me funciona es lo del feed,
he probado de todo pero no tengo forma de hacerlo andar;
porque yo quiero que me tome las noticias del feed