做五个五角星鼠标移入星星变亮

好的，我可以为您提供一种实现方法。您可以先在HTML中使用五个div元素来表示五角星，并为每个元素添加一个唯一的ID，然后使用CSS样式来定义五角星的形状和颜色。接下来，您可以使用JavaScript来监听鼠标移入事件，并更改五角星的CSS样式，以实现星星变亮的效果。以下是示例代码：

HTML代码：

<div id="star1" class="star"></div>
<div id="star2" class="star"></div>
<div id="star3" class="star"></div>
<div id="star4" class="star"></div>
<div id="star5" class="star"></div>

CSS代码：

.star {
  width: 0px;
  height: 0px;
  border-right: 20px solid transparent;
  border-bottom: 30px solid #ccc;
  border-left: 20px solid transparent;
  transform: rotate(35deg);
  display: inline-block;
  margin: 10px;
}

.star:hover {
  border-bottom-color: #ff0;
}

JavaScript代码：

var stars = document.querySelectorAll(".star");

for (var i = 0; i < stars.length; i++) {
  stars[i].addEventListener("mouseover", function() {
    this.classList.add("hover");
  });

  stars[i].addEventListener("mouseout", function() {
    this.classList.remove("hover");
  });
}

上述代码中，我们首先使用querySelectorAll方法获取所有class为“star”的元素，并使用循环为每个元素添加鼠标移入和移出事件监听器。当鼠标移入元素时，我们使用classList.add方法添加“hover”类，以更改元素的CSS样式。当鼠标移出元素时，我们使用classList.remove方法删除“hover”类，以还原元素的CSS样式。最后，我们在CSS中定义了“hover”类，将星星的底部边框颜色更改为黄色，以实现星星变亮的效果。