在MouseOver上显示图片的文字
我想显示文本时，用户将他的鼠标移动到HTML中的图像。
我认为JavaScript需要做到这一点。
您可以使用title属性。
<img src="smiley.gif" title="Smiley face"/>
您可以根据需要更改图像的来源。
而@格雷评论说：
你也可以在其他东西上使用title ，比如： <a ... <p> ， <div> <p> <div> ， <input> <div> ， <input>等。
你可以使用CSShover
链接到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; }
您可以将CSShover与图像背景结合使用。
CSS
.image { background:url(images/back.png); height:100px; width:100px; display: block; float:left; } .image a { display: none; } .image a:hover { display: block; }
HTML
<div class="image"><a href="#">Text you want on mouseover</a></div>
你也可以这样做：
HTML：
<a><img src='https://encrypted-tbn2.google.com/images?q=tbn:ANd9GcQB3a3aouZcIPEF0di4r9uK4c0r9FlFnCasg_P8ISk8tZytippZRQ' onmouseover="somefunction();"></a>
在javascript中：
function somefunction() { //Do somethisg. }
