确保鼠标位于抽象形状的坐标内

时间:2012-11-28 19:11:48

标签: jquery html

我无法想到执行以下操作的过程或方法。任何建议都会很棒。解释我尝试做什么的最简单方法类似于美国各州的地图。在移动它们时突出显示的状态图。

我不知道如何创建抽象对象的坐标并具有激活(或触发)的鼠标悬停事件。

我已经尝试过搜索我已经找到的一些接近的东西,但没有说明坐标是如何工作的。

感谢您的帮助!

2 个答案:

答案 0 :(得分:0)

两个简单的解决方案

两者都允许您在HTML文档中的图像上定义形状并关联动作(通常是链接)。当您悬停形状时,SVG还允许轻松定义样式(参见tutorial)。

答案 1 :(得分:0)

此外,如果您不关心IE8,您还可以使用绝对定位的div覆盖地图图像,并使用Transform

将它们倾斜成形