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:

1. DHTML News Ticker Wizard DHTML News Ticker is a professional highly configurable javascript news...
2. jQuery – NewsTicker A news ticker (not new sticker!) plugin based on snippets...
3. A Javascript News TickerTape Component This component vertically scrolls a number of items within a...
4. slideViewer Images – JQuery Plugin What’s this? slideViewer is a lightweight (1.5Kb) jQuery plugin wich...
5. Ajax Progress Bar Sometimes, when we are building websites and web applications, we...

Do you like this post?

Email: