五个☆鼠标移入变★代码 用JQ

以下是使用 jQuery 实现五个星星鼠标移入变亮的代码：

HTML 代码：

<div class="stars">
  <span class="star"></span>
  <span class="star"></span>
  <span class="star"></span>
  <span class="star"></span>
  <span class="star"></span>
</div>

CSS 代码：

.stars {
  font-size: 0;
}

.star {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-image: url("unlit-star.png");
  background-size: contain;
  margin-right: 10px;
}

.star.active {
  background-image: url("lit-star.png");
}

在这个例子中，我们同样使用了一个 `<div>` 元素来包含五个星星。每个星星都是一个 `<span>` 元素，使用了 `background-image` 属性来设置星星的图像。当鼠标移动到星星上时，我们通过添加 `active` 类来改变星星的背景图像，从而实现星星变亮的效果。

JavaScript 代码：

$(function() {
  $('.star').hover(function() {
    $(this).addClass('active');
  }, function() {
    $(this).removeClass('active');
  });
});

在这个例子中，我们使用了 jQuery 的 `.hover()` 方法来监听鼠标移入和移出事件。当鼠标移入星星时，我们通过 `.addClass()` 方法来给当前星星添加 `active` 类；当鼠标移出星星时，我们通过 `.removeClass()` 方法来移除 `active` 类。这样，就能实现星星鼠标移入变亮的效果。

请注意，这个例子中使用的图像文件需要自己准备，并将文件名替换为代码中的文件名。