yes jquery is capable of providing such type of animations, you can make animation with .animate()
method of jquery. http://docs.jquery.com/Effects/animate
put the code at which the arrow should move (it's destination position) in that .animate
method.
eg. use it in .animate
method
$('#arrow').css({
'-moz-transform':'rotate(80deg)',
'-webkit-transform':'rotate(80deg)',
'-o-transform':'rotate(80deg)',
'-ms-transform':'rotate(80deg)'
});
there is examples are available for rotating,
live rotate and other css demo brillian http://css3please.com/
http://www.zachstronaut.com/posts/2009/02/17/animate-css-transforms-firefox-webkit.html