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的内侧并将其定位，使其与原始图像对齐。

这应该表明你正在谈论的内容。

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