功能介绍
页面左下角固定悬浮铃铛欢迎胶囊弹窗，增添站点温馨氛围、优化访客浏览体验，轻量化不拖累网站加载。
核心功能亮点
- 固定悬浮布局：常驻页面左下角，层级合理，不遮挡页面主体内容
- 动态铃铛图标：铃铛自带循环左右摇摆动画，视觉灵动吸睛
- 平滑关闭交互：点击弹窗右上角关闭按钮，弹窗带淡出侧滑动画平稳收起
- 深浅色自动适配：跟随子比主题深色 / 浅色模式自动切换配色，风格统一
- 移动端智能隐藏：手机、平板等移动端设备自动隐藏弹窗，避免挤占小屏空间
效果展示
安装教程
代码支持CSS、HTML 拆分分开部署安装方式
1.CSS 样式代码：将下方样式代码粘贴至主题自定义 CSS 设置内
2.HTML 结构代码：把下方 HTML 代码放到网站底部注入处（页脚自定义 HTML）
3.将下面代码放入自定义JavaScript代码
图标自定义说明
内置铃铛 SVG 图标支持多方式替换修改：
- 更换 SVG 图标：前往阿里矢量图标库下载图标，替换原有 SVG 标签内容；
- 图片引入：删除 SVG，改用
<img src="图标地址">调用本地 / 远程图标图片； - 字体图标：兼容 Font Awesome 图标，直接填写图标代码即可快速替换。
© 版权声明
NOTICE
你的邮箱 | Copyright © 2023~2026
01
DISCLAIMER
本站资源大多来自网络，如有侵犯权益请联系管理员，我们会第一时间审核删除。站内资源仅供学习测试，未经许可禁止商用，请在24小时内删除。
02
VIP PRIVILEGE
遇到付费内容？升级终身VIP即可全站免费畅享所有资源，可以联系我的微信进行开通。
你的群名：闲云笔记
THE END
暂无评论内容