改变颜色悬停

Question

我有按钮，它们在盘旋时会改变颜色。但是我试图让一个按钮在被徘徊直到另一个按钮被徘徊后保持着改变的颜色。我读过一篇文章，并说它使用了：focus，但这是一个只在单击按钮时才起作用的实现，而不是用于鼠标悬停的事情。

任何帮助表示赞赏。

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

这里是如何做到这一点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 
});