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

以下是代码的链接。

我需要能够通过来回更改颜色的功能在“红色”和“大块”之间来回徘徊。我认为需要以某种方式将其重置？

http://jsfiddle.net/kAMG7/

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

谢谢。

最佳答案

尝试

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