I hated the Mootools FX animation from the last example, so I rewrote the animation using setInterval(). This allows me to have a more constant movement and control precisely the animation. I also added event handlers on the icons. Click on any icon and it will rotate and stop at the targeted spot.
:NOTE : My biggest issue with this animation is the control I loose over perfect positioning. Since the animation loops at an interval, chances are your element will not hit it's target perfectly. In order to fix this, I will have to comensate by precalculating positions or creating some type of script to set the final position.

patrick said...
Have a look at this animation tool, it is a translation of the flash tween classes:
http://jstween.blogspot.com/
leef said...
Nice! Click a few in a row and it will animate endlessly = ]
montana said...
yeah also if you click them repeatedly they go faster and faster. Have you er seen the work done by Brent Gustafson? way back in 2000 /01 he had a site called assembler.org that had the most mind numbingly amazing javascript mathematics and animation experiments. it was seriously some of the most beautiful code I've ever seen. - I'll see if I can dig it up...