Binary Style Text Display Animation Plugin with jQuery - Go Binary
File Size: | 9.46 KB |
---|---|
Views Total: | 2222 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
Go Binary is a super tiny jQuery plugin used for creating text typing effect that reveals the text letter by letter by rotating binary codes to fix characters.
How to use it:
1. Include the jQuery Go Binary plugin after jQuery library when needed.
<script src="//code.jquery.com/jquery-1.12.0.min.js"></script> <script src="jquery.go-binary.min.js"></script>
2. Call the function on the text wrapper and specify the text you want to print.
$("#container").goBinary({ text:"Your Text Here." });
3. Customize the plugin with the following options.
$("#container").goBinary({ // text to display text: '', // how many steps are needed to fix a character stepsUntilFixed: 2, // steps per second sps: 25, // Wich characters are going to be binary matchRE: /[^\s]/, // How write the text with 3 possible values: // ['shuffle','type','endless'] mode: 'shuffle', // called when method finished executing callback: function(){}, // A formula to add sps base on length of text. // The word 'length' gets replaced with the text length, // for example: 'length/2' it's a valid formula and adds half of the text length as sps, so with a base sps of 50 and a text length of 100, it would add another 50 sps, being 100 sps the final speed. spsFormulaBasedOnTextLength: '0' });
This awesome jQuery plugin is developed by frikinside. For more Advanced Usages, please check the demo page or visit the official website.