功能介绍
页面左下角固定悬浮铃铛欢迎胶囊弹窗，增添站点温馨氛围、优化访客浏览体验，轻量化不拖累网站加载。
核心功能亮点
- 固定悬浮布局：常驻页面左下角，层级合理，不遮挡页面主体内容
- 动态铃铛图标：铃铛自带循环左右摇摆动画，视觉灵动吸睛
- 平滑关闭交互：点击弹窗右上角关闭按钮，弹窗带淡出侧滑动画平稳收起
- 深浅色自动适配：跟随子比主题深色 / 浅色模式自动切换配色，风格统一
- 移动端智能隐藏：手机、平板等移动端设备自动隐藏弹窗，避免挤占小屏空间
效果展示
安装教程
代码支持CSS、HTML 拆分分开部署安装方式
1.CSS 样式代码：将下方样式代码粘贴至主题自定义 CSS 设置内
2.HTML 结构代码：把下方 HTML 代码放到网站底部注入处（页脚自定义 HTML）
3.将下面代码放入自定义JavaScript代码
图标自定义说明
内置铃铛 SVG 图标支持多方式替换修改：
- 更换 SVG 图标：前往阿里矢量图标库下载图标，替换原有 SVG 标签内容；
- 图片引入：删除 SVG，改用
<img src="图标地址">调用本地 / 远程图标图片； - 字体图标：兼容 Font Awesome 图标，直接填写图标代码即可快速替换。
© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
暂无评论内容