Airport-style Shuffle Text Effect With jQuery - TextShuffle.js

Just another jQuery plugin used to create an airport flight board-like text animation that reveals your text by shuffling a set of specific characters.

How to use it:

1. Link to jQuery library and the jQuery TextShuffle.js script as follow:

<script src="//code.jquery.com/jquery-3.1.0.slim.min.js"></script>
<script src="textShuffle.js"></script>
<script src="jquery.textShuffle.js"></script>

2. Apply a default shuffle text effect to your text.

<div id="demo">Hover me to shuffle!</div>

$('#demo').textShuffle();

3. Config the shuffle text effect with the following options:

$('#demo').textShuffle({

  // custom characters
  chars: "01#/&%$?_-%*",

  // animation speed
  animationSpeed: 10,

  // trigger element
  bindEvent: "mouseover";
  
});

4. Trigger the shuffle animation manually.

$fn.textShuffle().play();

Change log:

2017-04-07

• js refactoring

2016-10-09

• Multiple selections

2016-10-02

• Added Trigger play function

---

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