newsticker.jpg

News ticker, otra practica jQuery que nos permitirá crear cajas animadas que contengan breves noticias. Además de poseer un efecto interior “Slide” al cambiar de noticia en noticia, se le ha añadido efectos de desvanecimientos out / in, para que no pasen desapercibidas. La idea para la cual fue desarrollada, no es para nada desagradable, pero tranquilamente puede adaptase a otro tipo de contenido, como puede ser, para la utilización de publicidad en tu sidebar, ya que este efecto permitirá ahorrar mucho espacio si posees muchos anunciantes y a su vez, llamar la atención de tus visitantes al producirse los efectos.

Ver Demo - Descarga - Mas Info News ticker with jQuery and ten lines of code

Javascript Code

PLAIN TEXT
JavaScript:
$(document).ready(function(){

var first = 0;
var speed = 700;
var pause = 3000;

function removeFirst(){
first = $('ul#listticker li:first').html();
$('ul#listticker li:first')
.animate({opacity: 0}, speed)
.fadeOut('slow', function() {$(this).remove();});
addLast(first);
}
function addLast(first){
# last = ''+
first+'';
$('ul#listticker').append(last)
$('ul#listticker li:last')
.animate({opacity: 1}, speed)
.fadeIn('slow')
}

interval = setInterval(removeFirst, pause);
});