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:
-
<div
data-ttt-new="Future text">Current text</div>
-
$(document).ready(function() {
-
$('div').ttt();
-
});
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:
-
$('div').ttt({
-
'btn':'div',
-
'event':'click',
-
'fps':15
-
});
No callback in current plugin version.