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 属性。 e.g。

#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>

Answer 2

html中没有id helpicon的元素。尝试添加一个带有id的元素并给它一个镜头！

类似的东西：

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

需要在帮助图标上创建鼠标

2 个答案: