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.