我试图显示鼠标悬停时从数据库中获取的值,当鼠标移出时,该值应隐藏。另外,当鼠标悬停时,我必须能够复制该值。
这是我在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>");