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

kobai

11个月前更新

191540

Have faith in your dreams and someday your rainbow will come smiling through.

请对梦想充满信心，总有一天属于你的彩虹会在天空微笑

此文章精选狐狸库

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

效果预览

按钮介绍

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

代码部署

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

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

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

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

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

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

相关图标

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

图标

下载

提取码:d54c

版权声明 1 本网站名称：星空知
2 本站永久网址：https://www.xkzhi.cn/
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ1397403557进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END