在MouseOver上显示html中图像的文本

Question

我想在用户鼠标移动图像时显示文本.

我怎么能在HTML/JS中做到这一点？

Answer 1

您可以使用title属性.

<img src="smiley.gif"  title="Smiley face"/>

您可以根据需要更改图像源.

正如@Gray评论的那样:

您也可以使用title其他的东西像<a ...锚,<p>,<div>,<input>,等见:这

Answer 2

你可以
在这里使用CSS hover 链接到jsfiddle:http://jsfiddle.net/ANKwQ/5/

HTML:

<a><img src='https://encrypted-tbn2.google.com/images?q=tbn:ANd9GcQB3a3aouZcIPEF0di4r9uK4c0r9FlFnCasg_P8ISk8tZytippZRQ'></a>
<div>text</div>
?

CSS:

div {
    display: none;
    border:1px solid #000;
    height:30px;
    width:290px;
    margin-left:10px;
}

a:hover + div {
    display: block;
}?

Answer 3

你也可以这样做：

HTML：

<a><img src='https://encrypted-tbn2.google.com/images?q=tbn:ANd9GcQB3a3aouZcIPEF0di4r9uK4c0r9FlFnCasg_P8ISk8tZytippZRQ' onmouseover="somefunction();"></a>

在 JavaScript 中：

function somefunction()
{
  //Do somethisg.
}

?