Lightweight jQuery Text Ticker/Scroller Plugin - jticker

Lightweight jQuery Text Ticker/Scroller Plugin - jticker
File Size: 8.55 KB
Views Total:
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.