js鼠标放上去显示文字

你可以使用HTML和CSS来实现鼠标放上去显示文字的效果。具体做法如下：

1. 在HTML中，使用`<span>`或`<div>`标签包裹需要显示文字的内容。

2. 在CSS中，设置该标签的`position`属性为`relative`，然后为其添加一个伪元素`::after`。

3. 给伪元素`::after`设置`content`属性为要显示的文字，并设置其样式，如颜色、字体大小等。

4. 将伪元素的`visibility`属性设置为`hidden`，鼠标移入时将其改为`visible`即可。

以下是示例代码：

HTML代码：

<div class="hover-text">
  鼠标移上来显示的文字
</div>

CSS代码：

.hover-text {
  position: relative;
}

.hover-text::after {
  content: "这里是显示的文字";
  position: absolute;
  top: 100%;
  left: 0;
  visibility: hidden;
  background-color: #fff;
  color: #000;
  font-size: 14px;
  padding: 5px;
  border: 1px solid #ccc;
}

.hover-text:hover::after {
  visibility: visible;
}

在以上代码中，我们使用了一个`<div>`标签包裹需要显示文字的内容，然后在CSS中设置了其`position`属性为`relative`，并为其添加了一个伪元素`::after`。在伪元素中，我们设置了要显示的文字，以及其样式，并将其`visibility`属性设置为`hidden`。最后，我们使用`:hover`伪类来实现鼠标移入时将伪元素的`visibility`属性改为`visible`。