本文介绍了一种使用面向对象方法处理前端页面中多弹层窗口的管理方式，通过自定义类whsPW调整弹层窗口的位置和状态，并通过弹层窗口管理类whsWL解决滚动时窗口位置不变的问题，确保弹层窗口始终水平、垂直居中。
前端页面模拟弹窗用得比较多的方法是用绝对定位的DIV模拟，修改其z-index为一个较大的值，覆盖当前页面。现在考虑一下复杂一点的情况，以“面向对象方式编程前端页面（3）通用信息修改窗”的业务场景为例，在保存信息时，需要将用户修改的数据以ajax方式post到服务器保存，如果点了保存按钮后，没有任何提示保存操作正在正常进行时，用户会感到困惑，我修改的信息是否保存了？这时，如果点了保存按钮后，能显示一个提示操作正在进行的窗口，用户就知道信息正在保存，如下图所示
下面来简单谈谈多弹层窗口的实现，首先给弹层窗口指定一个自定类whsPW，例如：
其成员依次为mask层z-index，弹层窗口（实际上为一DIV）z-index&#
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
