News Ticker Like Content Scrolling Plugin For jQuery - Easy Ticker

File Size: 4.53KB
Views Total: 9036
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
News Ticker Like Content Scrolling Plugin For jQuery - Easy Ticker

Easy Ticker is a lightweight and simple jQuery plugin for scrolling a list of html content infinitely similar to a news ticker. 

Features:

  • Two directions are available (Up and down).
  • Easing function supported
  • Mouse pause feature available
  • The speed of the transition can be changed
  • Controls can be added inorder to Play/pause or move the lisr Up and down
  • Cross browser support
  • Highly customizable

Related plugins:

How to use it:

1. Include jQuery library and jjQuery Easy Ticker on the web page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.easy-ticker.js"></script>

2. Create the html

<div class="demo">
<ul>
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
<li>List 4</li>
<li>List 5 </li>
</ul>
</div>

3. Call the plugin with options

<script type="text/javascript">
$(document).ready(function(){
$('.demo').easyTicker({
direction: 'up', // up or down
easing: 'swing', // easing function
speed: 'slow', // the speed of transition
interval: 2000, // the time for the next transition to take place. 
height: 'auto', // the height of the elements
visible: 0, // the number of visible elements of the list
mousePause: 1, // pause on mouse hover
controls:{ // assign the elements which control the transition. 
up: '',
down: '',
toggle: ''
}
});
});
</script>

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