title: Bounce Text one by one in regular interval of time
body: <p>I am trying to code a bouncing effect with text, to make it bounce one by one in regular interval just as a marquee.</p>
  
  <p>I've tried with jquery but not getting it to bounce one by one.</p>
  
  <p>Here is my <a href="http://jsfiddle.net/jb9mt/1" rel="nofollow"><code>FIDDLE</code></a>.</p>
  
  <p>js:</p>
  
  <pre><code>$(document).ready(function(){
      $(".test").effect( "bounce", 
                {times:4}, 500 );
  
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="test"&gt;
      &lt;p&gt;First Time Bounce&lt;/p&gt;
      &lt;p&gt;This Bounce to nxt(After First)&lt;/p&gt;
  
      .
      .
      .
      &lt;p&gt;Last Bounce Then return To First One&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>