我有一张图片，我想限制这张图片上的可点击区域。我希望用户只点击特定区域。我想在这个可点击区域之外获得一个更暗的视图。我如何使用 java 脚本和/或 jquery 来实现这一点。亲切的问候
问问题
458 次
2 回答
2
实现可点击区域的方法有很多：使用图片地图： http ://en.wikipedia.org/wiki/Image_map
看看这个网站： http: //odyniec.net/projects/imgareaselect/
或使用 div 和 z-index。
于 2012-12-11T23:03:27.813 回答
0
这可能很困难，但是如果您先使用 a 来确定可点击区域，则可以使用 jquery 执行以下操作：
- 将鼠标悬停在映射区域上时，显示一个透明的黑色 div，与图像大小相同。（这会使图像变暗）
- 在其上放置另一个 div，其尺寸与图像相同。（这包含新图像的小地图大小的容器）
- 在最后一个的内部放置另一个 div，使其大小和位置与您的映射区域相同。（这将包含原始图像 - 未变暗）
- 再次将图像放置在最后一个 div 的内部并将其定位，使其与原始图像对齐。
这应该显示出您正在谈论的内容。
如果它比这更复杂，我相信我们都需要一个例子和这些图像的所有结果。我认为没有足够的细节来给你一个真正的答案。
于 2012-12-11T23:13:51.607 回答