面向对象方式编程前端页面(4)多弹层窗口管理

  前端页面模拟弹窗用得比较多的方法是用绝对定位的DIV模拟,修改其z-index为一个较大的值,覆盖当前页面。现在考虑一下复杂一点的情况,以“面向对象方式编程前端页面(3)通用信息修改窗”的业务场景为例,在保存信息时,需要将用户修改的数据以ajax方式post到服务器保存,如果点了保存按钮后,没有任何提示保存操作正在正常进行时,用户会感到困惑,我修改的信息是否保存了?这时,如果点了保存按钮后,能显示一个提示操作正在进行的窗口,用户就知道信息正在保存,如下图所示

  下面来简单谈谈多弹层窗口的实现,首先给弹层窗口指定一个自定类whsPW,例如:

  其成员依次为mask层z-index,弹层窗口(实际上为一DIV)z-index

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值