iFocuzOn 屏幕遮罩 2.0, 这个小工具可以让您选定一个矩形屏幕区域,只有这部分屏幕可见,其它部分则用指定颜色覆盖,鼠标停留在这个可见区域仍然可以滚动屏幕,在屏蔽区域点击右键可以弹出菜单,重新选择区域或退出。新的 2.0 版本支持切换显示器,修改 iFocuzOn.ini 文件,将 Language 改为 en 可以改成英文菜单,自己增加 po 文件可以支持更多语言。
客户的网站上突然需要一个遮罩弹窗效果,也可以称作暗箱之类的,具体效果就是网页中背景变成半透明,然后在屏幕中间出现一个菜单之类的东西。这种效果在网上很常见,例如:QQ空间浏览相册等。这种效果的好处就是,可以让用户聚焦到弹出的菜单中。
神说,有代码的文章,应该有个 Demo ,于是就有了Demo。
HTML 结构
首先先来分析一下这个过程:触发某个事件(例如点击按钮),然后出现一个背景遮罩上面还有一个内容层。触发的按钮,我在这里用 div 来代替,并且使用 click 点击事件来演示。那么我们的 H