Binary Style Text Display Animation Plugin with jQuery - Go Binary

File Size: 9.46 KB
Views Total: 2203
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Binary Style Text Display Animation Plugin with jQuery - Go Binary

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.