Typing + Highlighting Animation (Demo: Typewriter and highlighter effects with CSS3 transitions: http://jsbin.com/ogevob/1/edit)

snippet

$.fn.animateText = function(delay, klass) {
  
  var text = this.text();
  var letters = text.split('');
  
  return this.each(function(){
    var $this = $(this);
    $this.html(text.replace(/./g, '<span class="letter">$&</span>'));
    $this.find('span.letter').each(function(i, el){
      setTimeout(function(){ $(el).addClass(klass); }, delay * i);
    });
  });
  
};
//usage
$('p').animateText(15, 'foo');