Simple jQuery Vertical Ticker Plugin - Ticker

Simple jQuery Vertical Ticker Plugin - Ticker
File Size: 5.01KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

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:

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.