鼠标悬停在html中

时间:2010-01-06 14:43:15

标签: javascript html css

请告诉我带有示例的html语法,这样当我创建一个超链接的图像时,我会在它旁边生成一条评论,该链接会做什么?

5 个答案:

答案 0 :(得分:5)

对于系统标准工具提示,请使用title attribute(适用于几乎所有元素;仅接受文本,某些浏览器会在几百个字符后截断):

<a href="url" title="supplemental text">link contents</a>

要在悬停时显示任意内容:

a:not(:hover) .supplement { display: none; }
a .supplement { position: absolute; }
...
<a href="url">link contents <span class="supplement">supplemental text</span></a>

顺便说一下,无论“链接内容”是文本还是图像,这都有效。

答案 1 :(得分:1)

<a href="http://www.google.com" title="Go to google"><img src="/images/yourimage.png" /></a>

答案 2 :(得分:0)

你的意思是像是悬停在消息上?您只需在链接标记中添加title即可:

<a title="add a comment to this post">add comment</a>

答案 3 :(得分:0)

我想这样的事情:

<img src="worldmap.jpg" alt="Worldmap" title="Map of the World" usemap="#world">

<map name="world">
<area href="uk.html" alt="United Kingdom" title="United Kingdom" shape="poly" coords="150,217,190,257,150,297,110,257">
<area href="us.html" alt="United States" title="United States" shape="poly" coords="10,20,100,20,120,100,5,110">
</map> 

答案 4 :(得分:0)

我认为你在询问图片的alt属性。在某些浏览器中,当鼠标悬停在图像上时,会显示alt标记的内容,但不会在所有浏览器中显示。

<img src="image.jpg alt="Some text here" />

如果您需要上下文帮助,那么您必须使用javascript完成此操作,抱歉,但我无法提供示例。