Javascript 视野类型效应?

Javascript 视野类型效应?,javascript,jquery,Javascript,Jquery,我一直在尝试在按钮按下时屏蔽其他div,Block UI是一个非常好的工具,但是它在div周围创建矩形块,这看起来不太好,所以我想知道是否可以用jquery做一个“视野”类型的块,如下图所示 非常感谢:)这只是制作阿尔法蒙版图像(png)的问题。他们的关键是要避免使其庞大的大小,以涵盖整个页面。相反,在“洞”的png周围制作一个不透明(或更不透明)的div框架 这样,您的图像就不必太大,您可以自动调整到任何屏幕大小。父div的宽度/高度应为200%,或者如果您希望得到更高的值,您可以简单地将高

我一直在尝试在按钮按下时屏蔽其他div,Block UI是一个非常好的工具,但是它在div周围创建矩形块,这看起来不太好,所以我想知道是否可以用jquery做一个“视野”类型的块,如下图所示


非常感谢:)

这只是制作阿尔法蒙版图像(png)的问题。他们的关键是要避免使其庞大的大小,以涵盖整个页面。相反,在“洞”的png周围制作一个不透明(或更不透明)的div框架

这样,您的图像就不必太大,您可以自动调整到任何屏幕大小。父div的宽度/高度应为200%,或者如果您希望得到更高的值,您可以简单地将高度/宽度设置为100%,并在JS中使用一些奇特的数学来随着端口的移动动态调整div的大小

================
|     div      |
================
|div| port |div|
================
|     div      |
================
请参见我对类似问题的回答:


您可以使用径向渐变覆盖alpha png。你也可以尝试使用CSS3和IEs过滤器来达到同样的效果,但可能会变得很糟糕。嗯,如果我使用PNG,我将如何补偿不同类型的屏幕分辨率?不同的屏幕分辨率可以用一个div“frame”来处理。见下面的答案。谢谢杰夫,我想现在轮到我开始实验了:)