这段代码鼠标放在li上时li没有变小

根据您提供的代码，似乎是因为在鼠标放在 `<li>` 元素上时，没有正确地将其宽度和高度修改为较小的值。

根据您的代码，当鼠标放在 `<li>` 元素上时，会执行相应的 `mouseover` 事件处理程序。在事件处理程序中，应该将鼠标放在的 `<li>` 元素的宽度和高度修改为较小的值。然而，在提供的代码中，并没有看到具体执行这些修改的部分。

请确保在 `mouseover` 事件处理程序中，正确地将鼠标放在的 `<li>` 元素的宽度和高度修改为较小的值。您可以在事件处理程序中添加类似以下代码来实现：

get.addEventListener("mouseover", function(event) {
  var mouseoverElement = event.target;
  mouseoverElement.style.width = "90%";
  mouseoverElement.style.height = "8vh";
});

在上述代码中，我们使用 `mouseover` 事件处理程序将鼠标放在的 `<li>` 元素的宽度设置为 "90%"，高度设置为 "8vh"。您可以根据需要进行相应的修改。

希望这可以解决您的问题！如果还有其他问题，请随时提问。

相关问题

鼠标经过li时添加样式，鼠标离开li时移除样式

这可以通过CSS中的:hover伪类和JavaScript中的事件监听来实现。

首先，在CSS中添加:hover伪类来设置鼠标悬停时的样式：

li:hover {
  background-color: #ccc;
}

然后，在JavaScript中选中需要添加样式的li元素，并添加鼠标进入和离开时触发的事件监听函数，分别添加/移除样式：

var liElement = document.querySelector('li');

liElement.addEventListener('mouseenter', function() {
  liElement.classList.add('hovered');
});

liElement.addEventListener('mouseleave', function() {
  liElement.classList.remove('hovered');
});

这里通过classList属性的add和remove方法来添加和移除样式类，也可以通过直接修改element.style属性来改变样式。

js写ul li鼠标放上去时间隔变色，离开则变回来

你可以通过JavaScript为每个li元素添加鼠标移入和移出的事件监听器，然后在事件处理函数中切换CSS类来实现鼠标放上去时间隔变色的效果。具体代码如下：

var listItems = document.getElementsByTagName("li");
for (var i = 0; i < listItems.length; i++) {
  listItems[i].addEventListener("mouseenter", function() {
    this.classList.add("hover"); // 添加鼠标移入时的CSS类
  });
  listItems[i].addEventListener("mouseleave", function() {
    this.classList.remove("hover"); // 移除鼠标移入时的CSS类
  });
}

然后在CSS文件中定义hover类的样式，如下所示：

li.hover {
  background-color: #f2f2f2; /* 鼠标移入时背景色 */
}

这样，当鼠标移入li元素时，该元素的背景色就会变成#f2f2f2，当鼠标移出时，背景色又会变回原来的颜色。