It?s quite simple, you will make a list with a relative position, the image you will place with an absolute position, while hovering it you will give jQuery the command to give it a nice animating effect.



jQuery Tutorial ? Animate a hover with jQuery Web Site
jQuery Tutorial ? Animate a hover with jQuery Demo

Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks

2 Responses to “jQuery Tutorial ? Animate a hover with jQuery”

  1. [...] jQuery Tutorial ? Animate a hover with jQuery [...]

  2. Bloons Man says:

    Is there any way of reversing the effect so the image is black and white until you hover over it?

Leave a Reply

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>