This time I will share jQuery Plugin and tutorial about Airport-style Shuffle Text Effect With jQuery – TextShuffle.js, hope it will help you in programming stack.
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:
1 |
<script src="//code.jquery.com/jquery-3.1.0.slim.min.js"></script> |
2 |
<script src="textShuffle.js"></script> |
3 |
<script src="jquery.textShuffle.js"></script><br type="_moz"> |
2. Apply a default shuffle text effect to your text.
1 |
<div id="demo">Hover me to shuffle!</div> |
1 |
$('#demo').textShuffle(); |
3. Config the shuffle text effect with the following options:
01 |
$('#demo').textShuffle({ |
04 |
chars: "01#/&%$?_-%*", |
10 |
bindEvent: "mouseover"; |
4. Trigger the shuffle animation manually.
1 |
$fn.textShuffle().play(); |
Change log:
2017-04-07
2016-10-09
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.
