javascript - jquery java script 图像阴影

Question

我有一张图片，我想限制这张图片上的可点击区域。我希望用户只点击特定区域。我想在这个可点击区域之外获得一个更暗的视图。我如何使用 java 脚本和/或 jquery 来实现这一点。亲切的问候

Answer 1

实现可点击区域的方法有很多：使用图片地图： http ://en.wikipedia.org/wiki/Image_map

看看这个网站： http: //odyniec.net/projects/imgareaselect/

或使用 div 和 z-index。

Answer 2

这可能很困难，但是如果您先使用 a 来确定可点击区域，则可以使用 jquery 执行以下操作：

1. 将鼠标悬停在映射区域上时，显示一个透明的黑色 div，与图像大小相同。（这会使图像变暗）
2. 在其上放置另一个 div，其尺寸与图像相同。（这包含新图像的小地图大小的容器）
3. 在最后一个的内部放置另一个 div，使其大小和位置与您的映射区域相同。（这将包含原始图像 - 未变暗）
4. 再次将图像放置在最后一个 div 的内部并将其定位，使其与原始图像对齐。

这应该显示出您正在谈论的内容。

如果它比这更复杂，我相信我们都需要一个例子和这些图像的所有结果。我认为没有足够的细节来给你一个真正的答案。