jquery javascript图像阴影

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 放在最后一个的 INSIDE 内，使其大小和位置与您的映射区域相同。 （这将包含原始图像 - 未变暗）
4. 将图像再次放置在最后一个 div 的内部并定位，使其与原始图像对齐。

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

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