做网站|网站建设,就上易助科技网

前端技术文档及相关资料下载

关于前端html、css、js等技术上的各种疑难棘手问题的解决方案探讨及相关资料下载!

JQuery自动生成文档导航目录插件autonavi.js
来源:易助科技网浏览量:3收藏

简介

autonavi 是一个自动化生成文档导航目录的插件,依赖于 jquery。可以自动生成单个网页的导航目录,也可以通过传入参数来设置导航目录。 

 

使用

1.  引入文件

<link rel="stylesheet" href="autonavi.css">
<script type="text/javascript" src="jqm1.11.2.js"></script>
<script type="text/javascript" src="autonavi.js"></script>


2.  HTML

<h1>autonavi测试例子</h1>
<hr>
<div class="_autonavi">
<h2 class="_an">测试标题一级</h2>
<div>
一级内容 <br>
一级内容 <br>
一级内容 <br>
一级内容 <br>
一级内容 <br>
一级内容 <br>
一级内容 <br>
一级内容 <br>
一级内容 <br>
一级内容 <br>
一级内容 <br>
一级内容 <br>
一级内容 <br>
</div>
<h3 class="_an">测试标题二级</h3>
<div>
二级内容 <br>
二级内容 <br>
二级内容 <br>
二级内容 <br>
二级内容 <br>
二级内容 <br>
二级内容 <br>
二级内容 <br>
二级内容 <br>
二级内容 <br>
二级内容 <br>
二级内容 <br>
二级内容 <br>
二级内容 <br>
二级内容 <br>
二级内容 <br>
二级内容 <br>
二级内容 <br>
二级内容 <br>
二级内容 <br>
</div>
<h4 class="_an">测试标题三级</h4>
<div>
三级内容 <br>
三级内容 <br>
三级内容 <br>
三级内容 <br>
三级内容 <br>
三级内容 <br>
三级内容 <br>
三级内容 <br>
三级内容 <br>
三级内容 <br>
三级内容 <br>
三级内容 <br>
三级内容 <br>
三级内容 <br>
三级内容 <br>
三级内容 <br>
三级内容 <br>
三级内容 <br>
</div>
</div>


相关链接

Gitee 地址 :https://gitee.com/lec/autonavi/tree/master#http://lec.gitee.io/autonavi

在线演示 :http://lec.gitee.io/autonavi/