设为首页收藏本站
切换到窄版

 找回密码
 立即注册
搜索
蔡州手游»论坛 › 网络资源 › 网络源码 › 网站首页弹窗代码：快速添加美观弹窗，提升用户体验 ...
返回列表 发新帖
查看: 998|回复: 0

网站首页弹窗代码：快速添加美观弹窗，提升用户体验

[复制链接]
china0396
8888
灌水成绩
11814
18
2032160
主题
帖子
积分

等级头衔

ID : 1

管理员

积分成就 威望 : 999999 点
贡献 : 9999 次
下载币 : 10331 枚
在线时间 : 768 小时
注册时间 : 2025-4-1
最后登录 : 2025-9-3

发表于 2025-8-10 13:24:58 | 显示全部楼层 |阅读模式 IP:广东东莞
公告
免费领取大流量卡,每日更新—蔡州手游APP—源码密码—加入群聊—接手游搭建—站长QQ58493525微信A0396C
  1. <div class="web_notice" style="
  2.     position: fixed;
  3.     top: 0;
  4.     left: 0;
  5.     width: 100%;
  6.     height: 100%;
  7.     background: rgba(0,0,0,0.3);
  8.     z-index: 99999;
  9. ">
  10.     <div style="
  11.         position: fixed;
  12.         top: 50%;
  13.         left: 50%;
  14.         width: 550px;
  15.         background: #FFF;
  16.         transform: translate(-50%, -50%);
  17.         border-radius: 40px;
  18.         padding: 50px 40px;
  19.     ">
  20.         <h3 style="
  21.             font-weight: bold;
  22.             text-align: center;
  23.             font-size: 30px;
  24.         ">网站通知</h3>
  25.         <div style="
  26.             font-size: 16px;
  27.             margin-top: 26px;
  28.             line-height: 30px;
  29.             color: #999;
  30.         ">这里是弹窗内容哦</div>
  31.         <a style="
  32.             display: block;
  33.             background: #98a3ff;
  34.             color: #FFF;
  35.             text-align: center;
  36.             font-weight: bold;
  37.             font-size: 19px;
  38.             line-height: 60px;
  39.             margin: 0 auto;
  40.             margin-top: 45px;
  41.             border-radius: 32px;
  42.             width: 80%;
  43.         " onclick="javascript:document.querySelector('.web_notice').remove()">我知道了</a>
  44.     </div>
  45. </div>
复制代码


公告
帖子地址打造全网最多免费游戏网站
今日来客 列表模式
回复

举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

本站已运行

QQ|Archiver|手机版|小黑屋|蔡州手游 |网站地图

GMT+8, 2025-9-3 01:06

蔡州手游©2013-2025

快速回复 返回顶部 返回列表