Change image on hover

Question

How can I change this exact code to do the hovering effect on mouseover?

I tried following some of the other questions and answers, but I could not really follow the

Answer 1

If you don't want to do Javascript you can use CSS and :hover selector to get the same effect.

Here's how:

index.html:

stylesheet.css

.change_img { background-image:url('img.png'); }/*Normal Image*/
.change_img:hover { background-image:url('img_hover.png'); }/*On MouseOver*/