一、效果

在博客园文章的上方制作一个导航窗口，方便浏览文章内容。点击按钮可以，隐藏和显示导航窗口。

二、配置方法

2.0 相关css和js的下载

链接：https://pan.baidu.com/s/1NFdXwKxndQx84gBplCpNpg
提取码：q9re

2.1 上传制作好的相关js和css文件到博客园（这已经制作好）

2.2 在博客园中引入上传好的css和js文件(还要引入公共的bootstrap)，并保存。

<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link href="http://files.cnblogs.com/files/helf/marvin.nav.my1502.css" rel="stylesheet">
<script type="text/java script" src="http://files.cnblogs.com/files/helf/marvin.cnblogs.js"></script>
<script type="text/java script" src="http://files.cnblogs.com/files/helf/marvin.nav.my1502.js"></script>

 

三、关于

相关css和js文件，参考了下面文章，并进行了修改，可以根据自己的习惯修改定制，也可以直接下载我的。在此，感谢该文章的作者。

http://www.cnblogs.com/asxinyu/p/Bolg_Category_AddArticleCategory_6.html