jQuery News Ticker

[sean04]

Hey,

 

I have a news ticker that I'm attempting to make look smoother but am having no luck.

 

Code is as follows:

 

              $(function () {		   
		$('#listticker').hover(function () {
			clearInterval(runTicker);
		}, function () {
			runTicker =  setInterval(newsticker, pause);
		});
	}); 

	function newsticker()
	{
		last = $('ul#listticker li:last').hide().remove();
		$('ul#listticker').prepend(last);
		$('ul#listticker li:first').slideDown(1000);
	}

	var runTicker = setInterval(newsticker, pause);

 

The original idea came from here: http://woorktuts.110mb.com/newstickerjq/index.html but this is modified for what I need. As of now "new" articles slide down from the top and the last leaves from the bottom. The whole animation just looks a little clunky. Can anyone improve what I got so far?

 

Thanks in advance!

[The Letter E]

Try playing around with the time of the animation and also check out the jQuery easing plugin: http://gsgd.co.uk/sandbox/jquery/easing/

[Adam]

No need to use a plug-in, in the core you have slideUp() and slideDown() available already, which use the "swing" easing function by default.