liScroll is a jQuery plugin that transforms any given unordered list into a scrolling News Ticker
The markup
<ul id="ticker01">
<li><span>10/10/2007</span><a href="#">The first thing ...</a></li>
<li><span>10/10/2007</span><a href="#">End up doing is ...</a></li>
<li><span>10/10/2007</span><a href="#">The code that you ...</a></li>
<!-- eccetera -->
</ul>
To build your news ticker all you need is the above markup: an unordered list with a unique ID
Once you’re done with your markup, simply call liScroll() like that:
$(function(){
$("ul#ticker01").liScroll();
});
If you want your list to scroll faster or slower than the default value, modify the travelocity param
$(function(){
$("ul#ticker02").liScroll({travelocity: 0.15});
});
and Done.
Demo: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html
Download: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/jquery.li-scroller.1.0.js
Source: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html

Related Listings:
RSS feed for comments on this post. TrackBack URL
October 25th, 2009 at 8:06 am
Thanks for your code.. however, I found a problem displaying the content correctly when each of the has different height.. bottom of the longest li content will not be displayed..
Do you have a solution for this? Thanks.
May 24th, 2010 at 7:59 pm
2 questions about this ticker:
1. Can I have it start with the content on screen of starting off?
2. When the ticker comes to an end, is there any way to eliminate the blank space that comes up?