🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

jticker is a lightweight jQuery plugin that displays your long text in a single line and scrolls them like a news ticker by using Html5, jQuery and CSS3 transitions.

text-animation scroller news-ticker

Documentation

jTicker

jQuery jTicker is a lightweight plugin that wants to solve the problem that arises when you have a very long text for a single line and you don't want to use another line, css ellipsis (...) or any other solution. Or, simply, you just like this text effect.

It uses CSS3 transitions to do it. For browser transition support see http://caniuse.com/#feat=css-transitions

Demo

Usage

Animation settings are:

  • duration text animation duration. default: 50 seconds
  • loop repeat text animation loop every X seconds. default: 1second
  • effect css text transition effect. default: ease

Basic layout:

<div class="ticker">   <span><!-- put your text content here --></span> </div>

Custom layout (recomended):

<div class="ticker" data-duration="20" data-loop="2" data-effect="linear">   <span><!-- put your text content here --></span> </div>

Basic javascript initialization:

$('.ticker').jTicker();

You May Also Like