CSS/Jquery Hover Menu

Dragonear

New Member
Currently I am achieving the desired effect through java script but I can't help thinking there may be a better way.The current method I am using:I have a image that when you mouseover it changes the background position to 0px, -25px (using javascript) and on mouseout it changes it back to 0px, 0px.If you click on it will change to 0px, -25px.If I click on another image it will set the first image back to 0px, 0px. This will achieve my desired effect but I couldn't help think that there must be a better way to handling this possibly using css?I have tried using the Hover state instead of the mouseover, mouseout but when the click sets the background-position this then fails to work. Do you have any ideas?
 
Top