Image mouseovers in my nav bar.....How do I do them?

[autopost]

I have a nav bar on my site but I want to be able to swap the images to a different one when I mouseover them. I want image A normally, Image B when moused over, Image B when clicked, and still Image B after it's been clicked. How do I do this? It is a link so I'll need an href somewhere in there also. Please help. I feel silly. I used to know how to do this but I haven't done it for so long, I don't remember anymore. Thank you.<!--content-->you can use CSS for this.<br />
<br />
<br />
#yourNav a:link {background: white url(IMAGEA);}<br />
<br />
#yourNav-a a:hover {background: black url(IMAGEB);}<br />
<br />
#yourNav a:visited {background: blue url(IMAGEB);}<!--content-->my bad, second line should be as follows:<br />
<br />
<br />
#yourNav a:hover {background: black url(IMAGEB);} <br />
<br />
no "-a" there<!--content-->Thanks, I already found something using js that works. Thanks for the effort though.<!--content-->