在使用Javascript的鼠标上，我有一个单独的div改变颜色，但我需要在使用后重置该函数？

下面是代码的链接

我需要能够来回悬停从“红色”和“黑色”与功能改变颜色来回也。我相信它需要以某种方式重置

谢谢。

试试看

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

试一试

试一试

试一试

---

您可以使用css：悬停

绿色

和

黑色

不是最好的类名。一些重构或重新设计可能会导致css，如

。绿色{color:red；}

您可以使用css:hover

绿色

和

黑色

不是最好的类名。一些重构或重新设计可能会导致css，如

。绿色{color:red；}

您可以使用css:hover

绿色

和

黑色

不是最好的类名。一些重构或重新设计可能会导致css，如

。绿色{color:red；}

您可以使用css:hover

绿色

和

黑色

不是最好的类名。一些重构或重新设计可能会导致css，如

.green{color:red；}

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

$(document).ready(function()
{
$('#red').mouseover(function() {
$('#blue1').addClass("green");
});
});

$(document).ready(function()
{
$('#red').mouseout(function() {
$('#blue1').removeClass("green");
});
});

$("#red").hover(
  function() {
    $("#blue1").addClass("green");
  },
  function() {
    $('#blue1').removeClass("green");
  }
);

$("#blk").hover(
  function() {
    $("#blue1").addClass("black");
  },
  function() {
    $('#blue1').removeClass("black");
  }
);