javascript - 在使用 Javascript 进行鼠标悬停时，我有一个单独的 div 更改颜色但我需要在使用后重置该功能？

Question

下面是代码链接。

我需要能够在“红色”和“黑色”之间来回悬停，同时函数也来回改变颜色。我相信它需要以某种方式重置？

http://jsfiddle.net/kAMG7/

$('#red').on('mouseover', function() {
$('#blue1').addClass("green");
});
$('#blk').on('mouseover', function() {
$('#blue1').addClass("black");
});

谢谢。

Answer 1

尝试

$('#red').on('mouseover', function() {
$('#blue1').addClass("green");
$('#blue1').removeClass("black");
});
$('#blk').on('mouseover', function() {
$('#blue1').addClass("black");
$('#blue1').removeClass("green");
});