建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JQuery自动生成文档导航目录插件autonavi.js

来源:易助科技网浏览量:10收藏

简介

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/