模板介绍:
【第1步】备份原有文件
如果有同名文件,请先备份
【第2步】上传文件
将 skin 文件夹上传到网站根目录
【第3步】引入CSS和JS
在页脚模板(通常是 foot.htm 或 footer.htm)的 </body> 标签前添加:
<!-- 弹出登录注册插件 -->
<link rel="stylesheet" href="/skin/shortcut/css/quick.css" />
<script src="/skin/shortcut/js/login.js"></script>
<script src="/skin/shortcut/js/register.js"></script>
【第4步】添加触发按钮
在需要显示登录/注册按钮的地方添加 class="quick__button"
示例1 - 文字按钮:
<a class="quick__button" href="javascript:void(0)">登录/注册</a>
示例2 - 带图标按钮:
<a class="quick__button" href="javascript:void(0)"><i class="fa fa-user"></i> 登录</a>
示例3 - 分开的登录和注册:
<a class="quick__button" data-tab="login" href="javascript:void(0)">登录</a>
<a class="quick__button" data-tab="register" href="javascript:void(0)">注册</a>
【第5步】刷新缓存
后台 > 系统 > 数据更新 > 刷新所有信息页面
================================================================================
三、后台配置说明
================================================================================
后台路径:后台 > 系统 > 系统设置 > 系统参数设置 > 用户设置
【登录验证码】
- 开启:弹窗显示登录验证码
- 关闭:弹窗隐藏登录验证码
【注册验证码】
- 开启:弹窗显示注册验证码
- 关闭:弹窗隐藏注册验证码
【注册必填项】
- 0 = 邮箱和手机都必填
- 1 = 仅邮箱必填(隐藏手机)
- 2 = 仅手机必填(隐藏邮箱)
- 3 = 都不必填(都显示但可选)
================================================================================
四、功能特性
================================================================================
【安全特性】
✓ XSS防护 - 所有用户输入都经过HTML转义
✓ 输入验证 - 用户名、密码、邮箱、手机号格式验证
✓ 安全头部 - X-Content-Type-Options, X-Frame-Options
【界面特性】
✓ 美观的弹窗设计
✓ 平滑动画效果
✓ 成功/错误/加载提示带图标
✓ 响应式布局,支持移动端
【用户体验】
✓ 登录/注册成功后停留在当前页面
✓ 验证码点击刷新
✓ 键盘Esc关闭弹窗
✓ 点击遮罩层关闭弹窗
【浏览器兼容】
✓ IE11 及以上
✓ Chrome / Edge
✓ Firefox
✓ Safari
✓ 移动端浏览器
如果有同名文件,请先备份
【第2步】上传文件
将 skin 文件夹上传到网站根目录
【第3步】引入CSS和JS
在页脚模板(通常是 foot.htm 或 footer.htm)的 </body> 标签前添加:
<!-- 弹出登录注册插件 -->
<link rel="stylesheet" href="/skin/shortcut/css/quick.css" />
<script src="/skin/shortcut/js/login.js"></script>
<script src="/skin/shortcut/js/register.js"></script>
【第4步】添加触发按钮
在需要显示登录/注册按钮的地方添加 class="quick__button"
示例1 - 文字按钮:
<a class="quick__button" href="javascript:void(0)">登录/注册</a>
示例2 - 带图标按钮:
<a class="quick__button" href="javascript:void(0)"><i class="fa fa-user"></i> 登录</a>
示例3 - 分开的登录和注册:
<a class="quick__button" data-tab="login" href="javascript:void(0)">登录</a>
<a class="quick__button" data-tab="register" href="javascript:void(0)">注册</a>
【第5步】刷新缓存
后台 > 系统 > 数据更新 > 刷新所有信息页面
================================================================================
三、后台配置说明
================================================================================
后台路径:后台 > 系统 > 系统设置 > 系统参数设置 > 用户设置
【登录验证码】
- 开启:弹窗显示登录验证码
- 关闭:弹窗隐藏登录验证码
【注册验证码】
- 开启:弹窗显示注册验证码
- 关闭:弹窗隐藏注册验证码
【注册必填项】
- 0 = 邮箱和手机都必填
- 1 = 仅邮箱必填(隐藏手机)
- 2 = 仅手机必填(隐藏邮箱)
- 3 = 都不必填(都显示但可选)
================================================================================
四、功能特性
================================================================================
【安全特性】
✓ XSS防护 - 所有用户输入都经过HTML转义
✓ 输入验证 - 用户名、密码、邮箱、手机号格式验证
✓ 安全头部 - X-Content-Type-Options, X-Frame-Options
【界面特性】
✓ 美观的弹窗设计
✓ 平滑动画效果
✓ 成功/错误/加载提示带图标
✓ 响应式布局,支持移动端
【用户体验】
✓ 登录/注册成功后停留在当前页面
✓ 验证码点击刷新
✓ 键盘Esc关闭弹窗
✓ 点击遮罩层关闭弹窗
【浏览器兼容】
✓ IE11 及以上
✓ Chrome / Edge
✓ Firefox
✓ Safari
✓ 移动端浏览器
- 免费售后咨询
- 协助安装指导
- 服务器环境配置(需额外付费)
- 网站搬家/复制(需额外付费)
部分模板图片截图:
点击查看大图 ↓

声明:本站所提供的模板仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们我们会及时删除,给您带来的不便,我们深表歉意!
切记:本站提供的模板来源于网络,收集供学习交流之用。请勿改成非法网站,否则后果自负,与本站无关。
原文地址:《帝国cms8.0弹层注册登陆插件模板简洁漂亮兼容性好-不修改系统任何文件》发布于2025-12-31 11:57:38


