使用html MouseOver事件

时间:2011-12-01 10:54:11

标签: html image mouseover chm

我有一个非常特殊的要求,我不是HTML专家。我需要创建一个CHM(编译的HTML文件),我想在其中使用一个图像(单个屏幕截图),该图像将部分图像链接到帮助文件中的其他部分。换句话说,我想将鼠标悬停在单个屏幕截图中的各个区域,以链接到帮助文件的其他部分。

仅供参考,截图是各种按钮和复选框的一部分,是应用程序的一部分。

我不希望将单个图像分解为多个图像,然后将每个图像链接到帮助文件的另一部分(这解释了图像的功能)。我认为这是非常可能的,而不是一个问题。

如果你能简单解释如何做到这一点或给我一个链接,我将不胜感激。

5 个答案:

答案 0 :(得分:2)

您可以使用图像映射。你基本上有一个普通的图像,然后在图像上放置各种不可见的形状。然后,您可以将所有形状用于悬停和单击事件。

通过一些谷歌搜索,我发现了这个:http://www.htmlcodetutorial.com/images/images_famsupp_220.html

答案 1 :(得分:0)

考虑使用HTML图像地图,您可以在线创建here。 HTML图像映射是一组标记,用于描述可以拥有自己链接的图像的各个区域。

答案 2 :(得分:0)

尝试使用HTML图像地图:

Creating HTML Image Maps

答案 3 :(得分:0)

那些被称为“图像地图”的人不是吗? HTML有一个名为<area>(和<map>本身)的标记,可以让您这样做。

http://www.javascriptkit.com/howto/imagemap.shtml

答案 4 :(得分:0)

您需要使用图像映射。如果你想获得一点点幻想并为此做翻转,你可以考虑使用ImageMapster jQuery插件。

http://www.outsharked.com/imagemapster/examples/usa.html