This time I will share jQuery Plugin and tutorial about jQuery Plugin To Animate Text With Random Character – Descrambler, hope it will help you in programming stack.
Descrambler is a jQuery text animation plugin which presents text letter by letter with an airport-like text flipping effect by randomly shuffling the text from a given character set.
How to use it:
1. Include both jQuery library and the jQuery Descrambler plugin’s script at the bottom of the webpage.
1 |
<script src="//code.jquery.com/jquery.min.js"></script> |
2 |
<script src="dist/descrambler.min.js"></script> |
2. Call the main function scramble on the target text and we’re done.
1 |
<p class="scramble">Text deScrambler</p> |
1 |
$(".scramble").scramble(); |
3. Available parameters.
- duration: the duration over which the function will execute. Min is 200. Max is 20000.
- interval: interval between new random letters being added/removed. Default is 20. Min is 5. Max is 10000.
- charset: the character set to use. Optional.
- uppercase: determines whether scrambled characters will be uppercase or lowercase. Optional. Boolean.
1 |
$(".scramble").scramble( duration, interval, charset, uppercase ); |
4. Default characters set you can choose from.
1 |
numbers: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"], |
2 |
alphabet: ["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"], |
3 |
punctuation: ["@", "#", "$", "%", "^", "*", "(", ")", "&", "+", "=", "}", "{", "|", ":", ";", ">", "<", "?", "~", " "], |
This awesome jQuery plugin is developed by cjbarnaby. For more Advanced Usages, please check the demo page or visit the official website.
