changer de couleur sur hover

Question

J'ai des boutons et ils changent de couleur quand ils sont en stationnaire. Mais j'essaye de faire qu'un bouton reste avec une couleur changée après avoir plané jusqu'à ce qu'un autre bouton soit plané. J'ai lu un post et il a dit d'utiliser un: focus mais c'est une implémentation qui ne fonctionne que lorsque l'on clique sur un bouton, pas avec une chose mouseover.

Toute aide appréciée.

Answer 1

html: 
<a class="test" href="#" onmouseover="changeColor(this);">test</a> 
<a class="test" href="#" onmouseover="changeColor(this);">test2</a> 

js/jquery: 
function changeColor(obj) { 
    $('.test').css({background:"none"}); 
    obj.style.backgroundColor="green"; 
} 

Answer 2

Voici comment faire en jQuery:

$('.button').mouseover(function(event) { // mouseOver event on all buttons with class .button 
    $('.button').css({background:"green"}); // reset all buttons' color to default green 
    $(event.target).css({background:"red"}); // change current button color to red 
});