jQuery Forum

This plugin allows to change one text to another on hover or click. Every symbol of the current text moves shortest way within its category (letters, digits, symbols…) and stops when it reaches the goal. As a result, we see how the desired text appears out of rotating chaos. Demo is here. 

Installing manual: 

•  enable jQuery  
•  download plugin file (2 kb)  
•  add to HTML something like this: 

1. <div data-ttt-new="Future text">Current text</div> 

•  call TTT plugin …

1.     $(document).ready(function() {
2.         $('div').ttt();
3.     });

When you hover that object, old text changes to new one, no hover - it goes back to old, with 60 fps speed.

Some settings:

• set object to call event: 'btn':'selector'
• set event type on click: 'event':'click'
• symbol change speed: 'fps':any number of frames per second

Example:

1.     $('div').ttt({
2.         'btn':'div',
3.         'event':'click',
4.         'fps':15
5.     });

No callback in current plugin version.