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

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.

text-animation Text-Effect

Documentation

TextShuffle.js

JavaScript Style Guide MIT

A jQuery plugin for text shuffling (alike the airport terminal).

Demo

Demo 1 Demo 2

Install

bower install textshuffle.js --save 

Usage

$('#demo').textShuffle({chars: '1010'});

or

var shuffle = $('#demo').textShuffle(); shuffle.setChars('1010');

Parameters

Name Type Description Default
chars string the character to be used during the shuffle "01#/&%$?_-%*"
animationSpeed int the animation speed in milliseconds 10
bindEvent string the event to bind (e.g. click, mouseenter, mouseleave, ...) 'mouseover'

Methods

Name Parameters Type Description
setChars(newChars) string the character to be used during the shuffle
setAnimationSpeed(newSpeed) int the animation speed in milliseconds
play() triggers the shuffle animation

License

Licensed under MIT.


You May Also Like