Background Animation not working in JQuery 1.4.1

Question

I was following a tutorial online for animating a background image to give a drop down effect. I was supposed to download a plugin but it seems that that plugin is not available anymore. Is there any other way to make the background animate? I've looked through similar answers but none of them have worked.

Here's the code on jsfiddle: Fiddle-Code

I want the drape.png image in the background to drop down like a curtain. Also what is the latest version of jquery?

thank you

Answer 1

The latest version of jQuery is 1.7.1

This sort of animation is presentational. Consider doing it with CSS3 animations and transitions . You will lose some browser support for the specific effect, but it will not interfere with functionality and will be easier to update and maintain.

Here is a simple example I made for you. Is this the effect you were looking for?