News Ticker Like Content Scrolling Plugin For jQuery - Easy Ticker
| File Size: | 4.53KB |
|---|---|
| Views Total: | 9064 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
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:
- 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
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.











