javascript - 我怎样才能做一个精确图像形状的鼠标悬停?

标签 javascript html implementation

下面的问题不是真正的编程问题,而是更多“我该怎么做”的问题,实现建议。

我有一张世界地图的图像。我可以让每个大陆成为一个单独的图像。

我想要做的是为每个大洲创建一个悬停功能。当用户鼠标悬停在大陆上时 - 即大陆的EXACT 形状 - 我希望它改变颜色。

我的主要问题是,当用户鼠标悬停在大陆的精确 形状上时,我该如何引用?我不想为此使用 Flash,尽管恐怕没有其他方法可以做到这一点?

谢谢大家

最佳答案

我知道如何做到这一点(没有外部库或 js)的唯一方法是使用 <map> .您必须输入坐标和形状(在本例中为形状的多边形)以匹配您想要允许的区域:http://www.w3schools.com/TAGS/tag_map.asp

关于javascript - 我怎样才能做一个精确图像形状的鼠标悬停?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1688200/

相关文章:

java - java语言中用二进制表示整数

javascript - 如何在 Youtube 视频播放完毕后为事件添加事件监听器

javascript - 如何使用nodejs只读取excel中的A列值?

javascript - 图像轮播中的双 "active"类

php - 了解 SHA-3 Keccak 哈希算法实现的简单方法

C# Param作为接口(interface),如何使用?

javascript - react native 相机 | ios10 - 渲染 <Camera/> 时应用程序崩溃

javascript - 为什么需要将立即调用的函数表达式 IIFE 包装在括号 JavaScript 中

html - CSS 在绝对 block 中切割图像

html - CSS 中的粘性页脚水平滚动和垂直滚动内容