HTML / JavaScript:图像映射的鼠标悬停效果?

时间:2010-04-27 01:36:18

标签: javascript html imagemap

我正试图通过他们的网站来帮助一个非营利组织。他们想要(呃)他们的徽标作为HTML图像地图。换句话说,当您单击徽标的不同部分时,您将被定向到不同的网页。但是,它们也需要鼠标悬停效果:当您将鼠标悬停在图像映射的特定部分上时,应该突出显示该部分图形。

如果徽标很简单,我会将其切成矩形并将鼠标悬停和点击事件附加到相应的矩形。但是,由于徽标的复杂性,这是不可能的。

有没有人在没有Flash的情况下做过这样的事情?我不是Flash开发人员,但这在HTML / JavaScript中看起来非常困难。

有什么想法吗?谢谢!

3 个答案:

答案 0 :(得分:1)

您需要处理<area>标记的鼠标悬停事件。

答案 1 :(得分:0)

查看HTML地图标记 - http://www.w3schools.com/TAGS/tag_map.asp。它允许更多自定义形状。

一些资源:

答案 2 :(得分:0)

试用此资源: