shuffleText.js

The code

window.addEvent('load', function(){
	var shuffle = new shuffleText('stext', { duration: 3000 });
	shuffle.start();
	
	var shufflebutton = new shuffleText('sbutton', {
		duration: 2000,
		onStart: function(){
			$('status').set('text','shuffling started');
		},
		onComplete: function(){
			$('status').set('text','shuffling completed');
		}
	});
	$('sbutton').addEvent('mouseenter', function(){
		shufflebutton.start();
	});

	$$('a').each(function(el){
		var shuffle = new shuffleText(el);
		el.addEvent('mouseenter', function(){
			shuffle.start();
		});
	});
});

The script

shuffleText.js (2Kb) (requires Mootools 1.2b2 with Class.Extras, Selectors and Element.Event)

Changelog

• 0.2.1 (18.05.2008)
  • Fixed some mistakes in code.
  • Added examples on using onStart and onComplete events.
• 0.2 (18.05.2008)
  • Added onStart and onComplete events.
  • Fixed bug which new object is created every time link is hovered.
  • Removed 'busy' class creation.
  • Removed Element.shuffleText
• 0.1 (17.05.2008)
  • Initial release.

Coded by Chee Aun