js单击按钮,显示遮罩层和弹出层

 时间:2024-10-14 05:05:07

1、遮罩层:<div id=争犸禀淫"back"></div> ,即作为背景层,覆盖整个页面。弹出层:<div id="for罪焐芡拂m"></div>,即背景层上的一层,此层可根据#form{ top: 10%; left: 10%; width: 20%; height: 30%;},调整弹出层的弹出位置,完整的如图所示:

js单击按钮,显示遮罩层和弹出层

4、关闭弹出层和遮罩层用hideDiv函数(),其中:showId表示弹出层的divId, backId表示遮罩层的divId;先关闭弹出层,后关闭遮罩层。

js单击按钮,显示遮罩层和弹出层

6、整体代码如下,css 样式可根据个人的喜好自行添加:

js单击按钮,显示遮罩层和弹出层
  • 平均周转时间怎么算
  • VS如何开启解决方案资源管理器
  • 二进制怎么进行减法相减
  • VisualStudio如何设置项目名称
  • 在思科模拟器上怎么配置交换机的端口
  • 热门搜索
    淘宝店铺违规怎么办 如何去除眼部脂肪粒 p2p是什么意思 如何加密文档 爱舒床垫怎么样 余姚生活网招聘信息 同安生活网 广东技术师范学院怎么样 生栗子怎么剥壳 wow怎么去诺森德