title: Dynamic moving DIVs- how? HTML5, JQuery?
body: <p>I'd like to make moving DIVs on a web page- in other words, areas of content (with text, images and other arbitrary content) that move across the page when a button is clicked.</p>
  
  <p>Each DIV needs to move across a certain number of pixels, then up a certain number of pixels.</p>
  
  <p>There will be several DIVs that need to move independently of each other, and have defined z-order (i.e. "higher" DIVs will be able to move "over" "lower" DIVs, covering them up).</p>
  
  <p>I've read about doing this in JQuery using the "animate" function, but this is apparently slow and can use a lot of processor as it drives frequent page re-rendering.</p>
  
  <p>Does anyone know of any other ways to do such a thing, like HTML5 or any exciting new technologies? Maybe pure JavaScript? :)</p>
  
  <p>Thanks for your advice!</p>
  
  <p>Louise</p>