Simple jQuery Vertical Ticker Plugin - Ticker

ticker is a jQuery plugin to create a simple web (news) ticker with fade or slide animations by using HTML unordered lists.

Features:

• Shows one list item at a time.
• Pause on mouse hover
• 3 built-in animations: fadein, slideUp and slideDown.
• and upcoming controls support

Related plugins:

• jQuery Plugin For Animated Vertical Ticker - totem
• BBC News-Like Website Ticker Plugin with jQuery - News Ticker
• Highly Customizable jQuery Text Scrolling Plugin - Web Ticker
• Tumblr News Ticker Widget with jQuery
• jQuery Vertical Scrolling Web Ticker Plugin - vticker
• News Ticker Like Content Scrolling Plugin For jQuery - Easy Ticker
• Easy jQuery Scrolling News Ticker Plugin - liScroll

How to use it:

1. Use html <ul> and <li> elements to create a ticker.

<ul id="ticker">
<li> LIST ITEM 1</li>
<li> LIST ITEM 2</li>
<li> LIST ITEM 3</li>
...
</ul>

2. Load the jQuery library and jQuery ticker plugin in the footer.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.ticker.js"></script>

3. Call the plugin with options.

<script>
$(document).ready(function(){
$("#demo").ticker({
controls: false, //show controls, to be implemented
interval: 3000, //interval to show next item
effect: "fadeIn", // available effects: fadeIn, slideUp, slideDown
duration: 400 //duration of the change to the next item
});
});
</script>

---

This awesome jQuery plugin is developed by Plesin/. For more Advanced Usages, please check the demo page or visit the official website.