悬停图片时显示一个文本框

-1

我是新来的网站建设，所以我真的很挣扎！悬停图片时显示一个文本框

我有一个PCB板/主板的图像，我想在用户悬停时显示组件的文本。我的网页上有我想要的图片（它可能只是一个页面，因为它是我的Joomla网站的子域）。

这样做的最简单方法是什么？

我想创建不同的CSS样式，即组件U5和U6等的U5，当用户将图片悬停在U5上时，它将显示文本“U5做这个和那个”。那可能吗？如果是这样，我该怎么做？

我已经通过index.php上的网站空间图片，并有文本指向CSS，但现在我卡住了！

任何帮助，将不胜感激。亲切的问候，马特

2011-11-24 Matt

谷歌还有一点......有很多纯CSS的例子可以满足你的需求！ *如何为图像添加跨度描述*。为了增加更多奇特效果，我建议你开始学习[jQuery]（http://jquery.com）！（顺便说一句，请在这里粘贴一些代码，以便我们可以开始这个派对） –

嗨，对不起，我一直在Google上搜索，并没有提出我需要的东西，所以我想有些大师将能够帮助我。尽管谢谢你的回答。 – Matt

也感谢你，我使用jqueru，jtip作为我的工具提示标题... :-) – Matt

不知道你需要的究竟是什么但最简单的解决方案之一是将其分摊的img作为地图，所以它当用户将鼠标悬停在显示真实替代文本添加到它。看到这个例子： http://www.noobcube.com/tutorials/html-css/css-image-maps-a-beginners-guide-/ 这里是W3Schools的教程： http://www.w3schools.com/tags/tag_area.asp

或更先进的方法是显示<DIV>元素，而不是替代文字

2011-11-24 16:52:10 Elen

“alt”用于搜索引擎和视力受损人群的图像文字描述。 “标题”是用于在鼠标上显示的工具提示文本。 – Nickolay

感谢您的回答。我正在从你在那里给我的链接看图像地图。看起来它可能是我要走的路。非常感谢。 – Matt

@ Nickolay - 对不起，你是对的。我把他们搞混了。马特，它是Title标签，你正在寻找然后 – Elen

只需输入您的文字作为标题：

<a href="yadiyadiya.com" title="Text that you want to be appear when hover"><img name="logo" src="link to picture" width="40" height="40"></a>

2013-04-03 02:24:05 sunny

回答