这款简繁切换悬浮按钮的代码教程是由曦颜XY发布在Zibll子比论坛的,有很多的朋友找不到该教程,十一张(www.11zhang.com)站长特意整理出来分享给大伙,具体展现效果可以参考本站。
修改admin-options.php文件
文件路径:
/*简繁体切换 开始*/
array(
'title' => '繁简切换',
'desc' => '<div class="c-yellow"><i class="fa fa-fw fa-info-circle fa-fw"></i>此按钮建议放置在最顶部或者最底部</div>',
'id' => 'traditional_chinese',
'type' => 'accordion',
'accordions' => array(
array(
'title' => '繁简切换',
'fields' => array(
CFS_Module::float_btn()[0],
CFS_Module::float_btn()[1],
CFS_Module::float_btn()[2],
),
),
),
),
/*简繁体切换 结束*/


修改zib-footer.php文件
文件路径:
/*简繁体切换 开始*/
case 'traditional_chinese':
$btn .= '<a id="StranLink"' . $style . ' class="float-btn more-btn" data-placement="left"' . $tooltip . '><span>繁</span></i>
</a>';
break;
/*简繁体切换 结束*/


下载并上传JS文件
将下方的JS文件解压,然后上传到你的网站根目录,如下图。
https://pan.quark.cn/s/78a7898ccc62
https://pan.baidu.com/s/1MX-qTrBOL8zQa8viFolg7g?pwd=1140
https://url57.ctfile.com/d/16898257-58553343-1b76a6?p=1140
https://pan.xunlei.com/s/VOicE8bnWE00vXLaxf9aRTRLA1?pwd=32qw
https://www.123pan.com/s/q7CRVv-Af9Hd.html

添加自定义底部HTML代码
后台设置路径:子比主题设置 - 全局&功能 - 自定义代码 - 自定义底部HTML代码,在“
<!--繁体中文-->
<script src="https://www.11zhang.com/zh-cn-tw.js"></script>

开启简繁体悬浮按钮
按钮设置路径:子比主题设置 - 全局&功能 - 悬浮按钮 - “繁简切换”,根据自己网站需要,点选显示方式,之后保存就大功告成了。

效果










