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

File Size: 4.01 KB
Views Total: 2845
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
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="//"></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>

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


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

  // animation speed
  animationSpeed: 10,

  // trigger element
  bindEvent: "mouseover";

4. Trigger the shuffle animation manually.


Change log:


  • js refactoring


  • Multiple selections


  • 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.