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

[MattchuB]

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.

[Booooze]

you can use CSS for this.


#yourNav a:link {background: white url(IMAGEA);}

#yourNav-a a:hover {background: black url(IMAGEB);}

#yourNav a:visited {background: blue url(IMAGEB);}

[Booooze]

my bad, second line should be as follows:


#yourNav a:hover {background: black url(IMAGEB);}

no "-a" there

[MattchuB]

Thanks, I already found something using js that works. Thanks for the effort though.