javascript - 需要创建一个鼠标悬停帮助图标

Question

当您将鼠标悬停在图标上时，图标需要显示一条消息，而当您将鼠标移开时，该消息将隐藏。请使用纯 JavaScript

<img src="helpicon.png" width=50 height=50 onmouseover="mytoolTip('Click a form field to see its requirements.');" onmouseout="mytoolTip('');"  />

function mytoolTip(ValueToDisplay)
{ 
document.getElementById("helpicon").innerHTML = ValueToDisplay;

}

Answer 1

您始终可以使用 HTML5 title 属性。例如

#myBigFatDiv {
  padding: 100px;
  background-color: #DDD;
  cursor: pointer;
  text-align: center;
}

<div id="myBigFatDiv" title="Hell Yea it is!">Hover over me to find out if this is a great answer</div>