<script src="/js/easing.js"></script>  
  <script>  
  $(document).ready(function(){  

$("#start").click(function(){  
setTimeout(function(){  
$("div:animated").css("border", "2px solid red");  
}, 3000);  
});  

$("#textanim").click(function(){  
if ( !$("#text span").length )  
$("#text").html(jQuery.map( $("#text").html().split(""), function(letter){  
return "<span>" + letter + "</span>";  
}).join(""));  

$("#text span").each(function(i, letter){  
setTimeout(function(){  
$(letter)  
.animate({ fontSize: "4em" }, 1000, "elasinout")  
.animate({ fontSize: "1em" }, 1000, "elasinout");  
}, i * 100);  
});  
});  

  });  
  </script>

<div id="text">Этот текст классно анимируется!!!</div>  

  Стилизация текста прописывается так:[code]<style>  
  #text { height: 100px; width: 100%; text-align:center; background: none; border: none; }  
  </style>

<button id="textanim" value="Animate Scroll">Animate Letters</button>