<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><br><br>
<div id="container">
  <span>L</span>
  <span>E</span>
  <span>T</span>
  <span>S</span>
  <span>D</span>
  <span>A</span>
  <span>N</span>
  <span>C</span>
  <span>E</span>
</div>
#container span{float:left; font-size: 50px;font-style: : Verdana,sans-serif} 
$(function(){
		var counter=$('#container').find("*").length;
		setInterval(function(){
			var lastelementcounter=counter;
			lastelementcounter--;
			 $('#container span:nth-child('+lastelementcounter+')').animate({"margin-top":"0px"},500);
		  $('#container span:nth-child('+counter+')').animate({"margin-top":"-20px"},500);
		  if(counter>10)  counter=1;
		  else  counter++;

},100);
})

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.