more than one animated button for menu

[ketanco]

my need is simple

i have a menu that will have images for buttons... then when mouse is over any button, that image will turn into a different image and when mouse is not on it anymore it should go back...how can i achieve this?
important note: the image files for each button for both onmouse and no mouse situations are different. i.e. if there are 6 buttons, there are 6x2=12 image files (one set is for regular button display, other set is for mouseover of a button)

[dangergeek]

Is it possible you could make the menu is css? It's much cleaner, easier and accessimabler than javascript.

[ketanco]

I need help as my knowledge is beginner level...

[CloudedVision]

First can we see the code your using for rollovers at the moment? (Or do you not have any?)

[ketanco]

here is my code....

<a href="http://www......com" target="_blank">
<img border="0" src="b1b.jpg" name="b1" width="26" height="26" onmouseout="this.src='b1b.jpg' onmouseover="this.src='b1e.jpg' " /></a>
<a href="http://www.......com" target="_blank">
<img border="0" src="b1c.jpg" name="b2" width="26" height="26" onmouseout="this.src='b1c.jpg' onmouseover="this.src='b1f.jpg' " /></a>
<a href="http://www........com" target="_blank">
<img border="0" src="b1d.jpg" name="b3" width="26" height="26" onmouseout="this.src='b1d.jpg' onmouseover="this.src='b1g.jpg' " /></a>

it doesnt work as I want