Javascript 图像上的工具提示
我有一个图像，上面有徽标（这是一张地图），我想在用户将鼠标移到徽标上时，弹出一个小框，显示有关徽标位置的信息Javascript 图像上的工具提示,javascript,html,Javascript,Html,我有一个图像，上面有徽标（这是一张地图），我想在用户将鼠标移到徽标上时，弹出一个小框，显示有关徽标位置的信息 我可以不使用javascript框架来完成这项工作吗？如果可以，是否有小型库/脚本可以让我完成这项工作？单凭一张图像并不能向浏览器提供其中徽标的语义信息。您可以使用一个函数来提供坐标。要获得工具提示，只需对每个链接应用title属性。对于更复杂的工具提示（例如样式、多行等），您需要一些非标准的工具提示，例如。MooTools为此提供了一个漂亮的脚本。看见在HTML上也是轻量级的 这是1.
我可以不使用javascript框架来完成这项工作吗？如果可以，是否有小型库/脚本可以让我完成这项工作？单凭一张图像并不能向浏览器提供其中徽标的语义信息。您可以使用一个函数来提供坐标。要获得工具提示，只需对每个链接应用
title这是1.11版本的一个示例。该属性是最简单的解决方案，保证可以正常工作，对于不正确支持它的用户代理，它可以优雅地降级。是的，您可以在不使用Javascript的情况下执行此操作。使用具有标题属性的HTML图像映射，如下所示：
<img usemap="#logo" src="http://stackoverflow.com/Content/Img/stackoverflow-logo-250.png">
<map name="logo">
<area shape="rect" href="" coords="52,42,121,65" title="Stack">
<area shape="rect" href="" coords="122,42,245,65" title="Overflow">
</map>
，它使用区域
标记为两个单词中的每一个定义一个矩形。每个区域
标记的标题
元素指定浏览器通常显示为工具提示的文本。shape
属性还可以指定圆或多边形 事实上，mootools是众多框架中的一个
允许您将功能添加到
你的网页。这里是一个小教程的链接。
Mootools并不是真正的复制粘贴类型的框架，
它鼓励您查看提供的代码和
用一些优秀的例子来展示您自己的解决方案。您可以在上尝试javascript小部件。脚本允许添加图像部分的工具提示-当用户将鼠标移动到照片上的区域上时，脚本将弹出工具提示，在区域周围绘制边框并淡入其他部分。在照片上标记人物很酷。请参见上的演示。您可以使用