I got a little bored last night and banged this out. A little 2K effect for resorting elements with an effect. More info in the wiki, download in the svn.

1. (0) stuff
2. (1) more stuff
   really
3. (2) still more stuff
4. (3) loads o stuff
5. (4) blah
   blah
   blah

forward | backward | 3,4,2,0,1 | 2,3,0,1,4

Transition:
Linear Quadratic Cubic Quartic Quintic Sinusoidal Exponential Circular Bouncing Back Elastic easeIn easeOut easeInOut

duration:

In addition to specifying a new order using numbers, there are some other methods.

vert.forward(); //0,1,2,3,etc.

vert.backward(); //3,2,1,0

vert.swap(3,1);

vert.reverse(); //reverses the current order

Finally, you can sort a list and then rearrange the DOM so that the new sort is reflected in the body of the document.

vert.backward().chain(vert.rearrangeDOM.bind(vert));

This entry was posted on Thursday, July 19th, 2007 at 3:47 pm and is filed under Examples, Visual Effects. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.