一款不错的网站HTML弹窗广告代码

使用说明：优惠券导购网站弹窗模态框

1. 功能概述

本页面包含一个用于展示优惠信息的模态框，它会显示在屏幕中央，并提供关闭按钮。模态框内展示了网站的主要功能和优势，包括领券购物、精选爆款栏目以及大牌优惠好货等信息。用户可以通过点击“我知道了~”按钮来关闭该模态框。

2. 页面结构

• 模态框 (act-user-modal): 位于页面中心，包含欢迎信息、网站功能介绍及关闭按钮。
• 背景遮罩层 (act-user-modal-bg): 为模态框提供暗色背景，增强视觉焦点。
• 关闭按钮 (close): 用户可以点击此按钮或使用键盘的ESC键来关闭模态框。
• 功能列表 (ul): 显示网站提供的三种主要服务及其描述。
• 确认按钮 (btn): 点击后将隐藏整个模态框和背景遮罩层。

3. 样式特点

• 模态框居中显示，大小为900px x 570px。
• 背景图片和图标确保了视觉的一致性和吸引力。
• 文字内容清晰易读，颜色对比度良好，便于阅读。
• 按钮设计简洁明了，易于操作。

4. 如何操作

1. 查看信息:
   • 当用户访问页面时，模态框会自动出现在屏幕中心位置。
   • 用户可以通过浏览模态框中的内容了解网站提供的各种优惠和服务。
2. 关闭模态框:
   • 点击右上角的关闭按钮（带有叉号图标的圆圈）。
   • 或者点击底部的“我知道了~”按钮。
   • 也可以通过按下键盘上的ESC键来关闭模态框。
3. 后续浏览:
   • 关闭模态框后，用户可以继续浏览网站的其他部分，享受优惠购物体验。

5. 注意事项

• 如果发现模态框无法正常显示或关闭，请检查浏览器是否阻止了JavaScript执行，或者尝试刷新页面。
• 请确保网络连接稳定，以加载所有必要的资源如图片和字体文件。
• 对于任何技术问题或疑问，建议联系网站管理员或技术支持团队获取帮助。

通过以上步骤，用户可以有效地利用这个模态框来快速了解网站特色，并开始他们的省钱购物之旅。