Change image onmouseover

Question

What\'s the correct way to change an image on mouseover and back on mouseout (with/without jQuery)?

Answer 1

You can do that just using CSS.

You'll need to place another tag inside the and then you can change the CSS background-image attribute on a:hover.

i.e.

HTML:

CSS:

a#name span{
  background-image:url(image/path);
}

a#name:hover span{
  background-image:url(another/image/path);
}