Lightweight jQuery Text Ticker/Scroller Plugin - jticker
File Size: | 8.55 KB |
---|---|
Views Total: | 12474 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

jticker is a lightweight jQuery text animation plugin that displays your long text in a single line and scrolls them like a news ticker by using Html5, jQuery and CSS3 transitions.
How to use it:
1. Load the latest version of jQuery library and the jQuery jticker plugin in your web page.
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="jquery.jticker.min.js"></script>
2. Wrap your long text content into a DIV element. You can pass the options to the text ticker using Html5 data-*
attributes.
<div class="ticker" data-duration="20" data-loop="2" data-effect="linear" > <span>Your Text Here</span> </div>
3. Call the plugin on the DIV element and we're done.
$('.ticker').jTicker();
4. You can also pass the options via JavaScript objects during initialization.
$('.ticker').jTicker({ // Default options duration : 50, // speed loop : 1, // loops effect : '' // animation type });
This awesome jQuery plugin is developed by aleixfabra. For more Advanced Usages, please check the demo page or visit the official website.