Submit your widget
HomeText & Link EffectsA jQuery News Ticker Effect

A jQuery News Ticker Effect

Created 13 years ago   Views 18600   downloads 3602    Author gcmingati
A jQuery News Ticker Effect
View DemoDownload
140
Share |

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>

Ready? liScroll()

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}); 
});

You might also like