title: jquery move text like movie credits
body: <p>Does anyone know a jquery plugin or css3 technique another easy way to move text elements, say 10 h1's inside a div from top to bottom of the div?</p>
  
  <p>So</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;h1&gt;Content&lt;/h1&gt;
      &lt;h1&gt;Content&lt;/h1&gt;
      &lt;h1&gt;Content&lt;/h1&gt;
      &lt;h1&gt;Content&lt;/h1&gt;
      &lt;h1&gt;Content&lt;/h1&gt;
      &lt;h1&gt;Content&lt;/h1&gt;
  ...
  &lt;/div&gt;
  </code></pre>
  
  <p>I want the h1's to slide continuously and that the div area is filled with h1's sliding downwards like movie credits. </p>
  
  <p>I tried jquery cycle plugin but i cant get the second slide(h1) to start before the first one finishes his animation.</p>
  
  <p>Here is the code:</p>
  
  <pre><code>$('.container').cycle({ 
      fx:      'scrollDown', 
      sync: 1, 
      timeout: 1000,
      speed: 6000,
      continuous: 1,
      cleartypeNoBg: true 
  });
  </code></pre>
  
  <p>Also tried something like this:</p>
  
  <pre><code>$('.container').cycle({ 
      fx:      'custom', 
      sync: 1, 
      cssBefore: {  
      top:  0, 
      display: 'block' 
      }, 
      animIn:  { 
          top: 0 
      }, 
      animOut: {  
          top: 332 
      }, 
      cssAfter: {   
          display: 'none' 
      }, 
      delay: -1000  
      });
  });
  </code></pre>