子比主题美化 – 自定义悬浮按钮[修复TOP按钮]

本站资源仅供学习和研究使用,请在下载后24小时内删除,谢谢合作 !

此文章精选狐狸库


这个自定义悬浮按钮样式是狐狸忘记从哪位B2站长那里扒来的,说不上原创,但是它是由狐狸库适配用在子比主题上。扒来也很久了,一直没有去适配用到子比主题上,1月18号的时候无聊就弄了一下,弄好后在群里发了一下截图大家都比较喜欢,由于快过年回老家了就没有发布出来。过完年发现被某些人扒了还发了教程,呵呵。最近发现很多人喜欢这个悬浮按钮,也都转载了文章,今天狐狸也跟大家分享一下本站的悬浮按钮吧!

效果预览

子比主题美化 – 自定义悬浮按钮[修复TOP按钮]第1张

按钮介绍

  • 适配“会员”按钮,点击后自动跳转开通子比主题会员弹窗。
  • 增加“昼夜”切换模式,点击后切换“日间”或“夜间”模式。
  • 适配“签到”按钮,点击后自动签到。
  • 替换抽奖按钮及图标,可自定义图标&链接。
  • 重构“返回顶部”的监听滚动及点击事件Javascript代码。
子比主题美化 – 自定义悬浮按钮[修复TOP按钮]第2张
子比主题美化 – 自定义悬浮按钮[修复TOP按钮]第3张
子比主题美化 – 自定义悬浮按钮[修复TOP按钮]第4张
子比主题美化 – 自定义悬浮按钮[修复TOP按钮]第5张

代码部署

可自建文件存放,CSS和JS代码可使用外链方式到HTML代码内。

子比主题亦可选择添加到如下位置:

zibll主题设置 >> 全局功能 >> 自定义代码 >> 自定义底部HTML代码

zibll主题设置 >> 全局功能 >> 自定义代码 >> 自定义CSS代码

zibll主题设置 >> 全局功能 >> 自定义代码 >> 自定义Javascript代码

由于此悬浮按钮原本是用在子主题里,分离出来的代码用在子比主题自定义代码中有些出入,导致TOP按钮失效的情况已更新,已经加过此代码的可以重新将上方代码覆盖原代码。

相关图标

自定义位置存放图标,或者存放在网站根目录/img/float/

图标
提取码:d54c
温馨提示:本文最后更新于2024-05-17 19:43:24,某些文章具有时效性,若有错误或已失效,请在下方留言或联系星空站长
© 版权声明
THE END
喜欢就支持一下吧
点赞0赞赏 分享
评论 共4条

请登录后发表评论