定义图像的部分并指定悬停，单击事件
定义图像的部分并指定悬停，单击事件
提问于 2013-02-23 20:07:09
假设我们有一个人体的图像，我想当用户悬停在身体的一部分(头部，手臂等)，这个器官变绿，当他点击一个特定的动作发生。
它可以使用javascript吗？如果是的话，会有甚麽概念呢？
问题的原因：
目标：--这是一个现有项目的很小一部分，用户可以输入他的病史，所以我不想给他一个下垂的所有器官，只要展示一个人体模型，他点击和保存他的历史，等等。
要做到这一点，我想我需要一个人体的图像，并定义X-Y的边界，在这个图像上所代表的每个器官，并给它一些性质(名称)。
- 用户悬停:例如，器官显示的边界和bg的颜色是绿色的。
- 当用户单击时，它将调用该对象窗体。
jquery中是否存在类似的东西？还是我需要发明轮子？
回答 2
Stack Overflow用户
发布于 2013-02-23 20:18:04
- 你可以使用图像地图。您通过协调定义图像内部的不同区域。
- 您可以使用画布(现代浏览器支持的HTML5)。
- 您可以使用svg (在现代浏览器中支持)
- 一个更糟糕的方法，但可能是最简单的，将绝对定位的div放在身体图像上。(总是给出长方形)
Stack Overflow用户
发布于 2013-02-23 20:17:25
您可以使用HTML地图并将鼠标事件绑定到不同的区域，以更改颜色，并在单击时执行不同的回调。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15045058
复制相关文章
相似问题
腾讯云开发者
