如何在单个图像上应用4种不同的工具提示
如何在单个图像上应用4种不同的工具提示
提问于 2011-02-09 15:39:02
有人能告诉我如何将4种不同类型的工具提示应用到一张图片上吗？当有人将鼠标悬停在顶部、底部、左侧和右侧的图像上时，此时应该会显示4个不同的工具提示。
在这里，我已经放入了我需要的示例。它在Flash中，但我希望没有Flash。http://www.lavasa.com/high/
如果你对此有任何想法，请与我分享。
回答 4
Stack Overflow用户
发布于 2011-02-09 15:47:02
我想你有三个选择。
- 在做一些工作并显示工具提示时，可能有很多库可以做到这一点。
- 将你的图片一分为四，并为每一个都提供一个标题(它将显示为鼠标悬停的工具提示)。
- 使用javascript来做这件事。
使用<map>的示例
<img src="trees.gif" usemap="#green" border="0">
<map name="green">
<area title="Save" shape="polygon" coords="19,44,45,11,87,37,82,76,49,98" href="http://www.trees.com/save.html">
<area title="Furniture" shape="rect" coords="128,132,241,179" href="http://www.trees.com/furniture.html">
<area title="Plantations" shape="circle" coords="68,211,35" href="http://www.trees.com/plantations.html">
</map>(明目张胆地从谷歌第一次点击的http://www.javascriptkit.com/howto/imagemap.shtml上窃取，只添加了“标题”标签)
Stack Overflow用户
发布于 2011-02-09 15:41:48
你可以在你的图像上添加4个透明的图像，并在其中应用悬停方法。
Stack Overflow用户
发布于 2011-02-09 15:47:38
我想你正在寻找一个带有工具提示的图片地图。这是一个我可以找到的快速示例，您想要查看的演示位于页面底部。
http://jquery.bassistance.de/tooltip/demo/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4942385
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号