网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容 知识问答

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单击按钮,显示遮罩层和弹出层
© 2025 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com