Binary Style Text Display Animation Plugin with jQuery - Go Binary
| File Size: | 9.46 KB |
|---|---|
| Views Total: | 2257 |
| 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.











