百度已收录

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

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

效果预览

子比主题美化 – 自定义悬浮按钮-狐狸库

按钮介绍

  • 适配“会员”按钮,点击后自动跳转开通子比主题会员弹窗。
  • 增加“昼夜”切换模式,点击后切换“日间”或“夜间”模式。
  • 适配“签到”按钮,点击后自动签到。
  • 替换抽奖按钮及图标,可自定义图标&链接。
  • 重构“返回顶部”的监听滚动及点击事件Javascript代码。
子比主题美化 – 自定义悬浮按钮-狐狸库
悬停显示邀请注册
子比主题美化 – 自定义悬浮按钮-狐狸库
日间&夜间模式切换
子比主题美化 – 自定义悬浮按钮-狐狸库
适配子比主题签到
子比主题美化 – 自定义悬浮按钮-狐狸库
客服悬停显示

代码部署

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

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

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

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

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

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

相关图标

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

提取码:aa9w
温馨提示:本文最后更新于2024/05/06 14:49:51。若文章内容或图片失效,请留言联系站长反馈!
!
也想出现在这里? 联系我们
创意广告
© 版权声明
THE END
点赞0赞赏 分享
评论 共118条

请登录后发表评论

    请登录后查看评论内容