This demo is a simple sortable list; you can drag the links to re-order them, or tab to a link and press the arrow keys to move it up or down.
For added kicks, did you notice the opacity crossfade on the list items as they move? Turn it off and on to see the difference:
That's implemented very simply, using the
API's
onanimate
method:
manager.onanimate = function()
{
this.sourcebox.style.visibility = 'visible';
var opacity = (1 / this.anilength) * this.anicount;
this.sourcebox.style.opacity = opacity;
this.clonebox.style.opacity = 1 - opacity;
};