title: jQuery Animation Speed?
body: <p><strong>Final Edit</strong>: The wall of text below can be summed up by simply asking "can I specify the speed of animations using jQuery's <code>animate()</code>?  All that is provided is <code>duration</code>."</p>
  
  <p>~~</p>
  
  <p>jQuery's <code>animate()</code> seems to implement easing despite my use of "linear".  How can I get the two boxes to stay together until the first finishes @ 250px?  The second animates much faster because it has a longer distance to go.</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(function()
      {
          $('#a').animate({left: '250px'}, 1000, 'linear');
          $('#b').animate({left: '500px'}, 1000, 'linear');
      });
  &lt;/script&gt;
  
  &lt;div id="a" style="background-color: red; position: relative; width: 50px; height: 50px;"&gt;&lt;/div&gt;
  &lt;br/&gt;&lt;br/&gt;
  &lt;div id="b" style="background-color: red; position: relative;width: 50px; height: 50px;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Alternatively <a href="http://home.langdonx.com:8000/carousel.html" rel="noreferrer">is there a jQuery carousel plugin that does this</a> (mouse movement based on where you're mousing) so I don't have to rewrite it?  I spent about 20 minutes looking for one on Google but couldn't come up with anything I liked.</p>
  
  <p><strong>ETA</strong>: The example I provided is very simple, but the issue as I found it is applied to a more complex code base.  (1) <a href="http://home.langdonx.com:8000/carousel.html" rel="noreferrer">Go here.</a> (2) Put mouse on C. Viper, see the speed. (3) Put mouse on Ryu, but before it finishes, move your mouse to the middle of the DIV (so it stops). (4) Put your mouse back on the left side and see how utterly slow it moves.</p>
  
  <p>Calculating the differences in speed and distance seems insurmountable here.  All I'm trying to do is recreate a lovely effect I saw a site use today (<a href="http://www.coastland.com/vrmgr/rental/DetailPage.aspx?PropertyId=145&amp;WebCode=all&amp;ResStart=09/07/2010&amp;ResEnd=9/14/2010&amp;ReturnPath=/vrmgr/search/SearchResults.aspx" rel="noreferrer">this site</a>).  But it's Mootools, and I'm in jQuery. =[</p>