2011-03-25 84 views
0

所以我有一个4个地点的4个针脚的美国地图。该图像是一个PNG,当用户悬停在其中一个引脚上时,我需要弹出一个悬停信息框。有没有这样做的标准方式?我在网上阅读图像热点,但我无法确定是否有人可以将我指向一个明确的方向...什么是在地图上做一个热点的好方法

回答

1

它的工作原理就像一个工具提示。将DIV绝对放置在要激活的地图区域上,并在鼠标悬停时连接工具提示事件。

有很多脚本和插件可用于jQuery已经这样做。

+0

其中jquery插件有...我只找到MapHilight ..有没有其他人 – Trace 2011-03-25 15:05:17

+0

这与地图无关。把它想象成带有热点的图像。热点触发工具提示。看看这里:http://docs.jquery.com/Plugins/tooltip – 2011-03-25 16:08:01

0

正如Diodeus写道,只需在地图上制作“绝对”DIV即可。我记得HTML5中是否支持旧的MAP标签,但是也允许指定圆形和多边形形状的区域。尽管如此,我仍然会选择DIV解决方案。需要一点CSS知识,但很容易,一旦你做对了。

0

即使世界两种方式来做到这一点,一个image map,并通过图像分层元素使用absolute positioning(ALA Facebook的标记)

即使世界的jQuery插件,这可能是感兴趣的。

JQuery MapHilight Plugin

及以下教程自己做,类同Facebook的图片标记。

Tutorial using divs

0

位置一个DIV或者关闭屏幕(我的偏好)或描述here与Z指数播放。在悬停时调整。

下面是另一个真棒例如:

click me

0

有一个称为MobliyMap一个新的jQuery插件,看起来不错。这里是demo page

相关问题