子比主题美化教程：自定义悬浮按钮（含多平台快捷入口）

为提升用户互动与操作便捷性，好软猫在本站部署了一款 多功能自定义悬浮按钮，现分享完整实现方案。该悬浮按钮固定于页面右侧或底部，支持添加微信、QQ、邮箱、回到顶部、客服链接等快捷入口，采用圆角设计、图标动画与平滑弹出效果，视觉清爽且不遮挡内容。本教程专为子比主题（Zibll）优化，提供 HTML + CSS + JavaScript 代码，只需粘贴至「主题设置 → 自定义代码」即可一键启用，适配手机端与深色模式，升级安全无忧。

效果演示

按钮介绍

• 适配“会员”按钮，点击后自动跳转开通子比主题会员弹窗。
• 增加“昼夜”切换模式，点击后切换“日间”或“夜间”模式。
• 适配“签到”按钮，点击后自动签到。
• 替换抽奖按钮及图标，可自定义图标&链接。
• 重构“返回顶部”的监听滚动及点击事件 Javascript 代码。

好软猫修改

• 修复昼夜模式按钮失效

自定义悬浮按钮教程