为你的博客添加通用底部导航栏

为你的博客添加通用底部导航栏

图片[1]-为你的博客添加通用底部导航栏-小N同学
效果图

前言

之前在某个博客看到过类似这个的东西,现在想不起来了,但是突然又看到了这个,我觉得挺好。所以自己动手抄了下了。毕竟自己动手丰衣足食嘛。

代码

首先放出完整源代码

这段代码我添加了自己的东西,和子比专属的一言,如果你需要自己用,请将里面的资源替换为你自己的,不然我可能随时开启防盗链,麻烦的也是你自己。

!注意!

代码默认屏蔽手机端显示,你可以删除以下代码在手机端显示。

<style type="text/css">@media screen and (max-width:768px){.pc-down{display:none;}}</style>

代码默认调用子比一言接口,所以你不是子比需要删除以下代码,或者自己更换一言接口。

<div class="yiyan" style="margin-left: 200px;"></div>

下列url资源请替换成你自己的,不然我可能随时会开启防盗链。

https://cdn.nesxc.com/js/down-icon.js
https://img.cdn.nesxc.com/pic/S1/63535dafcb3cc.png
https://img.cdn.nesxc.com/pic/S1/6352ed7e133b2.png

部分css是直接用的子比css,如果你的站点显示错误,可能需要你自己调试css!

安装

这个安装很简单,压缩放在html较为靠后的位置即可。

图片[2]-为你的博客添加通用底部导航栏-小N同学

例如,子比在 全局 自定义代码 自定义底部html 中插入即可。

© 版权声明
THE END
点赞44赞赏 分享
评论 共2条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片
    • 头像火喵酱0