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

Annalka is a lightweight and CSS less jQuery plugin used for flipping between multiple text messages with a random character transformation effect during changes.

Flip text-animation

Documentation

annalka

annalka is a jQuery plugin that provides a simple text transformation effect that works by randomizing characters.

annalka.js example

Feedback welcome.

Installation

You have to options to install. Either download the source or install via bower:

bower install annalka --save 

Include script after the jQuery library:

<script src="/path/to/jquery.annalka.js"></script>

Usage

Basic usage:

$('#element').annalka("Target String");

You can also customize the behaviour by passing in an optional options object:

$('#element').annalka("Target String", {     //Time between each randomized letter. Default: 15     tick: 25,     //Number of randomizations before moving towards target length. Default: 4     step: 5,     //String with characters to randomize from. Default: ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789     chars: 'ABC' });

The options object can also supports a callback function which is invoked when animation finishes:

$('#element').annalka("Target String", {     callback: function() {         //Animation finished.     } });

You can also set the options globally:

$.fn.annalka.defaults.tick = 25; $.fn.annalka.defaults.step = 2; $.fn.annalka.defaults.chars = 'XYZ'; 

Todo

  • Improve animation appearance
  • Write tests
  • Test performance

License

jquery.annalka.js is available under MIT license. See LICENSE file for more information.


You May Also Like