js中鼠标经过 li 盒子显示黑框

你可以使用 CSS 来实现鼠标经过 li 盒子显示黑框的效果，具体实现方法如下：

1. 首先，你需要给 li 盒子添加一个 class，例如 "box"。

2. 接下来，你可以使用以下 CSS 代码来实现效果：

.box:hover {
   border: 1px solid black;
}

这段代码的意思是，当鼠标悬停在具有 "box" class 的 li 盒子上时，将会显示一个 1 像素宽的黑色边框。

3. 最后，你只需要将 CSS 代码添加到你的样式表里面即可。例如：

<style>
   .box:hover {
      border: 1px solid black;
   }
</style>

这样，当你鼠标经过带有 "box" class 的 li 盒子时，就会出现黑框的效果了。

相关问题

用js写鼠标经过 li 盒子显示黑框

可以使用CSS来实现这个效果，不需要使用JavaScript。

首先，在CSS中给li元素添加一个hover伪类，表示鼠标悬停时的样式。

然后，定义一个类名为“highlight”的样式，用于显示黑框。

最后，在hover伪类中通过添加class属性来实现显示黑框的效果。

下面是示例代码：

HTML代码：

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ul>

CSS代码：

li:hover {
  cursor: pointer;
}

.highlight {
  border: 1px solid black;
}

JavaScript代码不需要了，因为我们已经使用CSS来实现了。

html中鼠标经过显示隐藏的li

你可以使用CSS来实现鼠标经过显示隐藏的li元素。具体实现方法如下：

1. 在CSS中设置li元素的display属性为none，表示初始状态下该元素不可见。

li {
  display: none;
}

2. 使用:hover伪类选择器来监听鼠标经过事件，并设置li元素的display属性为block，表示鼠标经过时该元素可见。

li:hover {
  display: block;
}

3. 在HTML中设置鼠标经过的元素，并为其添加一个包含需要显示隐藏的li元素的ul列表。

<div>
  <p>鼠标经过时显示的元素</p>
  <ul>
    <li>需要显示隐藏的元素1</li>
    <li>需要显示隐藏的元素2</li>
    <li>需要显示隐藏的元素3</li>
  </ul>
</div>

当鼠标经过包含ul列表的元素时，ul列表中的li元素就会显示出来。