试图显示鼠标悬停在文本上的值

时间:2019-04-13 11:17:01

标签: javascript jsp

我试图显示鼠标悬停时从数据库中获取的值,当鼠标移出时,该值应隐藏。另外,当鼠标悬停时,我必须能够复制该值。

这是我在JSP文件中的<style>标记中编写的代码。

.valueHide {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.valueHide.valueShow {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the valueHide */
  position: absolute;
  z-index: 1;
}

.valueHide:hover .valueShow {
  visibility: visible;
}

以下我在js文件中编写的代码。我正在尝试将值附加到HTML。

trHTML.append("<td id='no'align='left'><div class='valueHide'>Show<span class='valueShow'>value</span></div></td>");

0 个答案:

没有答案