JQuery background image animation

Question

I have a navigation bar that, when you hover over an item, changes the background image, which works great. However, I would like this image to slide on top and slide back when you stopped soaring. I tried to do this using jQuery, using css bacgroundImage and sliding or switching, but none of this works. How to do it using jQuery?

Answer 1

Or you can use css-sprite

http://snook.ca/archives/javascript/jquery-bg-image-animations/

demo: http://snook.ca/technical/jquery-bg/

Answer 2

jQuery